How can I unbind a mouseover in jQuery for a TD within a TR?
<p>Here is my HTML:</p>

<pre><code>&lt;table id="myTable"&gt;
    &lt;tr class="myTr"&gt;
        &lt;td&gt;
            CELL 1
        &lt;/td&gt;
        &lt;td&gt;
            Cell 2
        &lt;/td&gt;
        &lt;td class="notThis"&gt;
            Cell 3
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr class="myTr"&gt;
        &lt;td&gt;
            2- CELL 1
        &lt;/td&gt;
        &lt;td&gt;
            2- Cell 2
        &lt;/td&gt;
        &lt;td&gt;
            2- Cell 3
        &lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;

&lt;div id="myDiv"&gt;CONSOLE&lt;/div&gt;
</code></pre>

<p>And my Javascript: </p>

<pre><code>$(document).ready( function() {  
    $(".myTr").mouseover( function() {
        $("#myDiv").html( "OVER" );
    } );
});
</code></pre>

<p>I want it so that when you mouseover the "notThis" cell, the mouseover doesn't trigger. I have a fiddle set up for testing: <a href="http://jsfiddle.net/S7bfH/3/" rel="nofollow">http://jsfiddle.net/S7bfH/3/</a></p>

<p>Thanks</p>
