title: Changing width of jquery-ui autocomplete widgets individually
body: <p>I'm working with mutiple jquery-ui autocomplete widgets on one page and want to be able to set the widths of each one individually.  Currently, I'm doing it like this:</p>
  
  <pre><code>$($('.ui-autocomplete')[0]).width(150);
  $($('.ui-autocomplete')[1]).width(105);
  $($('.ui-autocomplete')[2]).width(80);
  </code></pre>
  
  <p>Which isn't really a solution since the user is able to trigger various autocompletes in different orders, and this code just styles them based on the order they are added to the DOM.</p>
  
  <p>When autocomplete is triggered, it seems to create a <code>&lt;ul&gt;</code> and then position it under the input box that triggered it.  Unfortunately, I can't find any unique identifiers in this generated <code>&lt;ul&gt;</code> to latch on to and apply some CSS. </p>
  
  <p>My issue is different from <a href="https://stackoverflow.com/questions/2688652/is-it-possible-to-set-the-width-of-a-jquery-autocomplete-combobox">this one</a>, since I'm using just the default autocomplete, and not the autocomplete-combobox.  </p>
  
  <p>Also, digging into the autocomplete <code>&lt;ul&gt;</code> and matching different autocomplete box widths with the values inside the list doesn't work either, since the values are dynamically generated.</p>
  
  <p>Any ideas?</p>