title: jQuery: set selected value of dropdown list?
body: <p>What's wrong with this code?</p>
  
  <p>jQuery</p>
  
  <pre><code>$(document).ready(function() {
      $("#routetype").val('quietest');
  )};
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;select id="routetype" name="routetype"&gt;
      &lt;option value="fastest"&gt;Fastest&lt;/option&gt;
      &lt;option selected="true" value="balanced"&gt;Balanced&lt;/option&gt;
      &lt;option value="quietest"&gt;Quietest&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/x3UyB/1/">Fiddle</a></p>
  
  <p>It gives me 'Balanced' as the selected option, not 'Quietest'.</p>