title: JQuery Hover does not work Mozilla
body: <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>