title: jquery ui autocomplete combobox with categories
body: <p>I'm using the jquery ui autocomplete combobox, and it's working great but now i'm getting a bit greedy.  I would like to be able to add categories to it. The combobox is generated off of a  menu so if I added categories see example below the  tag would show up like the categories are in the <a href="http://jqueryui.com/demos/autocomplete/#categories" rel="noreferrer">jquery ui autocomplete categories version</a></p>
  
  <pre><code>&lt;select&gt;
  &lt;optgroup name="Cat 1"&gt;    
  &lt;option value="1a"&gt;One A&lt;/option&gt;
  &lt;option value="1b"&gt;One B&lt;/option&gt;
  &lt;option value="1c"&gt;One C&lt;/option&gt;
  &lt;/optgroup&gt;
  &lt;optgroup name="Cat 2"&gt;    
  &lt;option value="2a"&gt;Two A&lt;/option&gt;
  &lt;option value="2b"&gt;Two B&lt;/option&gt;
  &lt;option value="2c"&gt;Two C&lt;/option&gt;
  &lt;/optgroup&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I created a <a href="http://jsfiddle.net/nH3b6/11/" rel="noreferrer"><a href="http://jsfiddle.net/nH3b6/11/" rel="noreferrer">http://jsfiddle.net/nH3b6/11/</a></a>.</p>
  
  <p>Thanks for any help or direction.</p>