title: hover over listbox option - not working with IE8
body: <p>I want to catch an event whenever a user hovers over a list element. </p>
  
  <p>The following code below works fine with Mozilla and Chrome but not in IE8. How can I get it to work in IE8?</p>
  
  <p>Here's the jsFiddle - 
  <a href="http://jsfiddle.net/tromanow/U9wAz/" rel="nofollow">http://jsfiddle.net/tromanow/U9wAz/</a></p>
  
  <p>jQuery:</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function(){
      $('#thelist option').hover(function(e){
         alert('here');
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;select id="thelist" name="sometext" size="4" &gt;
      &lt;option data-info="this is text1"&gt;text1&lt;/option&gt;
      &lt;option data-info="this is text2"&gt;text2&lt;/option&gt;
      &lt;option data-info="this is text3"&gt;text3&lt;/option&gt;
      &lt;option data-info="this is text4"&gt;text4&lt;/option&gt;
      &lt;option data-info="this is text5"&gt;text5&lt;/option&gt;
      &lt;option data-info="this is text5"&gt;text6&lt;/option&gt;
      &lt;option data-info="this is text5"&gt;text7&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>