title: Jquery select box problem with Internet Explorer
body: <p>Ok, this might be a really odd problem.  I am writing a web application, and I want to change the value of a certain select box:</p>
  
  <pre><code>&lt;select name="type" class="type"&gt;
  &lt;option value="word"&gt;word&lt;/option&gt;
  &lt;option value="digit"&gt;digit&lt;/option&gt;
  &lt;option value="letter"&gt;letter&lt;/option&gt;
  &lt;option value="single"&gt;single character&lt;/option&gt;
  &lt;option value="space"&gt;space&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>In my code I have this:</p>
  
  <pre><code>switch ( target ) {
  case "d":
  $("select").val('digit');
  break;
  case "w":
  $("select").val('word');
  break;
  case "s":
  $("select").val('space');
  break;
  }
  </code></pre>
  
  <p>Here is the problem.  This code works as expected in all browsers...except for IE.  Internet Explorer (8, if you're curious) processes them all correctly except for the $("select").val("digit") part.  It just won't change the value for some reason.  The javascript parser properly navigates to that case in the switch and all, but it refuses to change the value of the select box for that one case.  Anyone have any ideas?</p>