title: How initialize dropdown (<select/>) with preselected value and then change it?
body: <p>I've got a grid with dropdown in every row and I need to render it's state from DB.
  So I've got dropdowns defined like that with selected option specified for preselecting the value from DB.</p>
  
  <pre><code>&lt;select id='selectId'&gt;
  &lt;option value='1'&gt;Option 1&lt;/option&gt;
  &lt;option value='2' selected='selected'&gt;Option 2&lt;/option&gt;
  &lt;option value='3'&gt;Option 3&lt;/option&gt;
  &lt;/select&gt;​
  </code></pre>
  
  <p>The problem is in that when I change the value of a dropdown defined like that in a browser it changes on UI but selected attribute don't move and stays where it was.
  So when I then call $("#selectId").val() I get the old one value.</p>
  
  <p>What's the appropriate way to initialize dropdown control and then have an ability to freely change it's value in browser or by jQuery?</p>