title: jQuery UI Autocomplete Width Not Set Correctly
body: <p>I have implemented a jQuery UI Autocomplete box, and rather than being the width of the textbox, the dropdown options are expanding to fill the remaining width of the page.</p>
  
  <p>Have a look at this example to see it for yourself: <a href="http://jsbin.com/ojoxa4" rel="noreferrer">http://jsbin.com/ojoxa4</a></p>
  
  <p>I have tried setting the width of the list immediately after creating it, like so:</p>
  
  <pre><code>$('.ui-autocomplete:last').css('width',
                                 $('#currentControlID').width()
                                );
  </code></pre>
  
  <p>This appears to do nothing.</p>
  
  <p>I have also tried setting the width using on-page styles:</p>
  
  <pre><code>ui-autocomplete { width: 500px; }
  </code></pre>
  
  <p>This DOES work, amazingly, however it would mean that all autocompletes on a page would have to be the same width, which is not ideal.</p>
  
  <p>Is there a way to set the width of each menu individually? Or better, can anyone explain why the widths are not working correctly for me?</p>