title: jQuery Autocomplete does not display with multiselect option
body: <p>My script for <code>jQuery Autocomplete</code></p>
  
  <pre><code>&lt;script&gt;
  
    $(function() {
      var availableTags = [
      {key: "1",value: "NAME 1"},{key: "2",value: "NAME 2"},{key: "3",value: "NAME 3"},{key: "4",value: "NAME 4"},{key: "5",value: "NAME 5"}
       ];
  
      $( "#project-name" ).autocomplete({
        minLength: 0,
        source: availableTags,
        focus: function( event, ui ) {
          $( "#project-name" ).val( ui.item.value );
          return false;
        },
        select: function( event, ui ) {
          $( "#project-name" ).val( ui.item.value );
          $( "#project-id" ).val( ui.item.key );
  
          return false;
        } 
        });
  
    });
  
      &lt;/script&gt;
  
  &lt;form action="search" method="post" &gt;
  &lt;input id="project-name" name="project2" id="searchbox"/&gt;
  &lt;input  type="text" id="project-id" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Output of the above script</p>
  
  <p><img src="https://i.stack.imgur.com/qeuvm.png" alt="Correct Dispplay"></p>
  
  <p>Works well, but if I have add the option <code>multiselect: true,</code> in configuration it does not display well and multi select does not work too.</p>
  
  <p>Output if <code>multiselect</code> is set true</p>
  
  <p><img src="https://i.stack.imgur.com/TV3QA.png" alt="Incorrect display"></p>
  
  <p>How can I allow multiple select with proper display of tags ?</p>
  
  <p>Thanks.</p>