title: jQuery event bubbling: Get original element mouseover (for table row highlighting)
body: <p>I'm trying to reduce my 'onmouseover' event listeners in my table (in which I highlight rows on hover). I want to do this by attaching an event listener to the entire table instead of each &lt;tr> (that's how I have it now). The reason is that IE is reacting very slow and the only answer I found to this was to reduce the number of event listeners.</p>
  
  <p>Sample code:</p>
  
  <p><code></p>
  
  <pre><code>&lt;table id="myTable"&gt;
     &lt;tr&gt;
       &lt;td&gt;Somedata&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
       &lt;td&gt;Somedata 2&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
       &lt;td&gt;Somedata 3&lt;/td&gt;
     &lt;/tr&gt;       
  &lt;/table&gt;
  </code></pre>
  
  <p></code></p>
  
  <p>In this scenario, if I hover over the second &lt;tr>, I understand that the "onmouseover" event bubbles from tr to the table. </p>
  
  <p>How could I find out in my jQuery $('#myTable').mouseover event which tr was hovered and change its css class?</p>
  
  <p><strong>Edit</strong>: The idea for this comes from this SO question (but unfortunately no source code in the answer): <a href="https://stackoverflow.com/questions/667118/speeding-up-multiple-onmouseover-events-in-ie">Speeding Up Multiple OnMouseOver Events in IE</a></p>