title: How to trigger change in jqueryui combobox after underlying select is manually changed?
body: <p>With the following HTML:</p>
  
  <pre><code>&lt;select id="savedSearchSelect"&gt;
      &lt;option value="10024"&gt;All docs.true&lt;/option&gt;
      &lt;option value="10028"&gt;fgfd.false&lt;/option&gt;
      &lt;option value="10029"&gt;htyu.false&lt;/option&gt;
      &lt;option value="10030"&gt;dffdgb.false&lt;/option&gt;
      &lt;option value="10031"&gt;Puppy.false&lt;/option&gt;
      &lt;option value="10056"&gt;Puppy 2.false&lt;/option&gt;
      &lt;option value="10057"&gt;Puppy 3.false&lt;/option&gt;
      &lt;option value="10058"&gt;Puppy 4.false&lt;/option&gt;
      &lt;option value="10059"&gt;Puppy 5.false&lt;/option&gt;
      &lt;option value="10060"&gt;Puppy 6.false&lt;/option&gt;
  &lt;/select&gt;​
  </code></pre>
  
  <p>I initialize a combobox:</p>
  
  <pre><code>$("#savedSearchSelect").combobox();
  </code></pre>
  
  <p>Later in the code - I manually trigger an option selected in the underlying select:</p>
  
  <pre><code> $("#savedSearchSelect option:eq(2)").attr("selected", "selected");
  </code></pre>
  
  <p>What is the next step to trigger in the jquery ui combobox that the item has been chosen?</p>
  
  <p>Demo of my problem in jsFiddle is already set up here:
  <a href="http://jsfiddle.net/Wg6sR/7/" rel="nofollow">http://jsfiddle.net/Wg6sR/7/</a></p>