title: Cannot change dropdown value using JQuery
body: <p>My code below is not working on IE8 but work perfectly at FF.
  I am not sure what is the main cause.
  The alert came out but the dropdown value not changing.
  Can someone help me out?</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Untitled&lt;/title&gt;
  &lt;script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  $(document).ready(function()
  {
  
      $("#choice1").change(function(){
          if($("#choice1").val() &amp;&amp; !$("#choice2").val())
          {
              $("#output").html($("#choice1").val());
          }
          else if(!$("#choice1").val())
          {
              $("#output").html($("#choice1").val());
          }
          else if($("#choice2").val())
          {
              $("#choice1").val("Select 1");
          alert('Choose one only!');
          }
      });
  
      $("#choice2").change(function(){
          if($("#choice2").val() &amp;&amp; !$("#choice1").val())
          {
              $("#output").html($("#choice2").val());
          }
          else if(!$("#choice2").val())
          {
              $("#output").html($("#choice2").val());
          }
          else if($("#choice1").val())
          {
              $("#choice2").val("Select 2");
         alert('Choose one only!');
          }
      });
  
  });
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;select id="choice1" class="choice1"&gt;
          &lt;option value="" selected="selected"&gt;Select 1&lt;/option&gt;    
          &lt;option value="10"&gt;10&lt;/option&gt;    
          &lt;option value="20"&gt;20&lt;/option&gt;    
          &lt;option value="30"&gt;30&lt;/option&gt;    
      &lt;/select&gt;
  
      &lt;select id="choice2" class="choice2"&gt;
          &lt;option value="" selected="selected"&gt;Select 2&lt;/option&gt;    
          &lt;option value="100"&gt;100&lt;/option&gt;    
          &lt;option value="200"&gt;200&lt;/option&gt;    
          &lt;option value="300"&gt;300&lt;/option&gt;    
      &lt;/select&gt;
      &lt;br&gt;
      &lt;div id="output"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>