Jquery :not()selector
<pre><code>&lt;html lang="en"&gt;
&lt;head&gt;
&lt;style&gt;
#thisdiv {padding:10px; margin:-15px 0 0 40px; background-color:#333; position:absolute; display:none;}
div.block {margin-top:10px; width:200px;}
div#thisdiv a {color:#fff;}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div id ="one" class="block"&gt;&lt;a href=""&gt;one&lt;/a&gt;&lt;/div&gt;
 &lt;div id="thisdiv"&gt;hello&lt;/div&gt;
&lt;div id ="two"class="block"&gt;two&lt;/div&gt;
&lt;div id ="three"class="block"&gt;three/div&gt;


&lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
&lt;script&gt;
$(document).ready(function() {
  $('#one').hover(function() {
   $('#thisdiv').fadeIn(400);
  }); 

  $('div:not(#thisdiv)').mouseleave(function() {
   $('#thisdiv').fadeOut(400) 
  });
});
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p><code>#thisdiv</code> doesn't fadeOut. I could have used the following, but it only fades out if the cursor mouse outs of #thisdiv. Is there any way i can solve this so when the cursor navigates away from anyway, the div still fade out.</p>

<pre><code>$('#thisdiv').mouseleave(function() {
   $('#thisdiv').fadeOut(400) 
  });
</code></pre>

<p>I couldn't figure out what's why jquery's :not selector is not doing what I wanted to.
Am i using it wrongly?</p>
