title: jquery - leaving the hover state
body: <p>I have 2 div tag. The first contains a table. The second contains some text. When the page is loaded both div have no background-color. When there is an hover on a td of the first div, the second div background-color is set to yellow (see code below). My problem is that when I leave the table with the mouse, the background of the second div stays yellow. I would like the color to be remove on leaving the hover state. Hope someone can help. Thank you in advance for your replies. Cheers. Marc.</p>
  
  <p>My HTML :</p>
  
  <pre><code>​&lt;div id="div-one"&gt;
      &lt;table&gt;
          &lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;6&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;8&lt;/td&gt;&lt;/tr&gt;                   
      &lt;/table&gt;
  &lt;/div&gt;
  
  ​&lt;div id="div-two"&gt;
      some text
  &lt;/div&gt;
  </code></pre>
  
  <p>My JS:</p>
  
  <pre><code>$(document).on("hover", "#div-one td", function() { 
  
      $("#div-two").css("background-color":"yellow");
  });​
  </code></pre>