Suppose i have an HTML table. How do I use JQuery events on this?
<pre><code>&lt;table&gt;
    &lt;tr class="myRow"&gt;&lt;td class="col1"&gt;&lt;/td&gt;&lt;td class="col2"&gt;&lt;/td&gt;&lt;/tr&gt;
    &lt;tr class="myRow"&gt;&lt;td class="col1"&gt;&lt;/td&gt;&lt;td class="col2"&gt;&lt;/td&gt;&lt;/tr&gt;
    &lt;tr class="myRow"&gt;&lt;td class="col1"&gt;&lt;/td&gt;&lt;td class="col2"&gt;&lt;/td&gt;&lt;/tr&gt;
    &lt;tr class="myRow"&gt;&lt;td class="col1"&gt;&lt;/td&gt;&lt;td class="col2"&gt;&lt;/td&gt;&lt;/tr&gt;
    &lt;tr class="myRow"&gt;&lt;td class="col1"&gt;&lt;/td&gt;&lt;td class="col2"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>How do I make the appropriate <code>col1</code> fill with the letters "ABC" when the user rollovers the row?</p>

<p>And then disappear the "ABC" when the user moves the mouse away from that row?</p>

<p>So far, I got this.
I solved it.</p>

<pre><code>  $(".ep").hover(function(){
        $(this).find('td.playButtonCol').html('PLAY');
    },function(){
        $(this).find('td.playButtonCol').html('');
    });
</code></pre>
