title: Set an option to be displayed at first position using jQuery
body: <p>I have a select element with some options:</p>
  
  <pre><code>&lt;select id="choose"&gt;
      &lt;option id="first" value='null'&gt;choose&lt;/option&gt;
      &lt;option id="g1" value='1'&gt;gate1&lt;/option&gt;
      &lt;option id="g2" value='2'&gt;gate2&lt;/option&gt;
  &lt;/select&gt; 
  </code></pre>
  
  <p>The user selects an option and submits the form. The data is stored. 
  Anytime the user comes back I want the previously saved option to be display
  at the top of the select element, instead of choose.</p>
  
  <p>I do it e.g. this way</p>
  
  <pre><code>$("#choose").val("2");
  </code></pre>
  
  <p>It just highlights the option in the list, but choose is still the first element. How do I accomplish that?</p>