title: multiple autocomplete search input fields
body: <p>I am having a bit of a problem with the jQuery plugin for autocomplete search, I can't manage to have two fields with autocomplete search in the same time. Can someone help me?
  This is my html + jQuery code: </p>
  
  <pre><code>&lt;!doctype html&gt;
  
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;title&gt;jQuery UI Autocomplete - Default functionality&lt;/title&gt;
  &lt;link rel="stylesheet"
      href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /&gt;
  &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;!-- &lt;script src="js/fintp/fintpAutoCompleteSearch.js"&gt;&lt;/script&gt; --&gt;
  &lt;script&gt;
      $(function() {
          var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC",
                  "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang",
                  "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp",
                  "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme" ];
          $("#tags").autocomplete({
              source : availableTags
          });
          $("#tags1").autocomplete({
              source : availableTags
          });
      });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;div class="ui-widget"&gt;
          &lt;label for="tags"&gt;Tags: &lt;/label&gt; &lt;input id="tags" /&gt;&lt;br&gt; &lt;label
              for="tags1"&gt;Tags: &lt;/label&gt; &lt;input id="tags1" /&gt;
      &lt;/div&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>