title: JQuery .on("mouseover") method not working for IE
body: <p>I am attempting to return the value for a dynamically populated select option on mouseover. As you can probably tell by the ID, the select option is created by an ASP.NET listbox.</p>
  
  <pre><code>$("#MainContent_LocationListBox").on("mouseover", "option", function () {
  
      alert($(this).val());
  });
  </code></pre>
  
  <p>This method works in Chrome but not IE 11.</p>
  
  <p>I have been trying other's peoples solutions for similar problems with no luck.</p>
  
  <p>What I've tried:</p>
  
  <ul>
  <li>Different versions of JQuery (currently 1.8.3)</li>
  <li>The <code>.live</code> method</li>
  <li><code>$(document).on("mouseover", "option", function ()</code></li>
  <li><code>$("#MainContent_LocationListBox option").on("mouseover", null, function ()</code></li>
  <li>Looping through the select options and binding mouseovers to each </li>
  <li>Adding <code>&lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;</code> (the advice of several articles I found)</li>
  </ul>
  
  <p>I've also tried <code>$("#MainContent_LocationListBox option:hover").val()</code> which works but very inconsistently.</p>
  
  <p>I've turned on Internet Explorer debugging but no errors are returned.</p>