title: Remove auto complete selected item from the source
body: <p>I need a help from you.<br>
  I am working with jquery auto complete and i would like to remove the item from the auto complete selection after selecting it.</p>
  
  <p>This is my code.</p>
  
  <pre><code>$( "#js-news-categories" ).autocomplete({
          minLength: 0,  
          source: availableTags,
          multiselect: true,
          autoFocus: true,
          focus: function(event, ui ) {
              return false;
          },
      select: function(event, ui ) {                         
          $( "#js-news-categories" ).val("");
          var catItems = '&lt;span class="c_item" id="c_item_'+ ui.item.id 
              +'"&gt;&lt;input type="hidden" value="'+ ui.item.id +'"/&gt;'
              + ui.item.value +'&lt;span class="close"&gt;X&lt;/span&gt;&lt;/span&gt;';
          $(".js-categories_select").append(catItems);         
              return false;        
          } 
      });
  </code></pre>
  
  <p>Here am selecting the item from auto complete box and append to a div. 
  What i am trying to do is once the item added to the div , then it should be removed from the auto complete. I got this <a href="https://stackoverflow.com/questions/12753082/remove-selected-item-from-array-in-jquery-autocomplete">link</a>. But I cannot get into work in my case. Please help.</p>