title: Mouseover option of select for IE
body: <p>I'm using IE7. I want to have show a description in the page for each option in the select box when the mouse is over the option. So as starting I wrote the code which shows the option value in the text box when mouse is over an option. But it never works. It works as if a change event. </p>
  
  <pre><code>&lt;input name="selectedValue" id="selectedValue" &gt;
  &lt;select id="TestCombo" name="TestCombo" &gt;
       &lt;option value="0" selected="selected"&gt;Zero&lt;/option&gt;    
   &lt;option value="1"&gt;One&lt;/option&gt;
   &lt;option value="2"&gt;Two&lt;/option&gt;
   &lt;option value="3"&gt;Three&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;script type="text/javascript"&gt;
  $( function() {
      $('#TestCombo option').mouseover( function() {
            $('#selectedValue').val($('#TestCombo option:selected').val());
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Thanks in advance</p>