jquery - leaving the hover state
<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>
