JQuery Hover does not work Mozilla
<p>I have the following Snippet of code.The hover has a problem in Mozilla - It changes color on hover but some times it does not revert back when we go out.Mind you it only happens sometimes.Also in such cases if I examine the HTML using FireBug I can see that the Extra Class is assigned even after hover is out.It works OK on IE .This is a simplified version</p>

<p>Also as you can see I am setting color on the TR.But this does not change the Color on TextBoxes inside TR. How can I make sure the background color of the Controls contained in the TR is also changed on hover.</p>

<pre><code> &lt;style type="text/css"&gt;
        .HighLight
        {
            background-color:Fuchsia;
        }
        .Select
        {
            border:soild 2px Blue;
            margin:3px;
        }
        &lt;/style&gt;
    &lt;script type="text/javascript" src="jquery-1.4.2.js"&gt;

    &lt;/script&gt;
    &lt;script type="text/javascript"&gt;
        $(function() {
        $(".Select").hover(
            function() {
                $(this).addClass("HighLight");
            }, 
            function() {
                $(this).removeClass("HighLight");
            });
        });
</code></pre>

<p>My Markup generated by ASP.NET Repeater Control is a table with TR assigned Class Select.</p>

<pre><code>&lt;tr class="Select" &gt;
&lt;td&gt;
&lt;input  type="checkbox" id="chkSelect" /&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;input name="Repeater1$ctl11$tb" type="text" value="Sharp Bikes" id="Repeater1_ctl11_tb" /&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;input name="Repeater1$ctl11$tb2" type="text" value="10/13/2004 11:15:07 AM" id="Repeater1_ctl11_tb2" /&gt;
&lt;/td&gt;
&lt;/tr&gt;
</code></pre>
