title: Multiple Jquery ui autocomplete on one page
body: <p>I'm using the <a href="http://jqueryui.com/demos/autocomplete/" rel="nofollow noreferrer">jQuery UI Autocomplete</a>. I'm using it on three different input. So I have:</p>
  <blockquote>
  <p><strong>input id 1</strong><br />
  autocomplete with xml data 1</p>
  <p><strong>input id 2</strong><br />
  autocomplete with xml data 2</p>
  <p><strong>input id 3</strong><br />
  autocomplete with xml data 3</p>
  </blockquote>
  <p>I also have an event like this:</p>
  <pre><code>$(&quot;.ui-autocomplete li a&quot;).live(&quot;click&quot;,function(){
  
      doSearch($(this).text());
  
  });
  </code></pre>
  <p>The problem is that this event takes place on all three of the autocomplete.</p>
  <p>What do I have to change in the event code or elsewhere to bind the event to a specific input/autocomplete. So I want to have event 1, 2, 3 corresponding to the different sets of input/autocomplete.</p>