need help with jQuery when not hovering over a particular element
<p>I am having a navigation div (the id is navigation) i am thinking of writing a code that executes when i am not hovering over the navigation. Can somebody explain me how can that be possible with jQuery.</p>

<pre><code>
&lt;ul id='navigation'&gt;
    &lt;li&gt;a&lt;/li&gt;
    &lt;li&gt;b&lt;/li&gt;
    &lt;li&gt;c&lt;/li&gt;
    &lt;li&gt;d&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<pre><code>
#navigation li{
 display:inline;
 float:left;   
    width:50px;
    border-right:1px solid black;
    padding:2px;
}</code></pre>

<pre><code>jQuery("#navigation").mouseout(function(){

   alert("hi"); 

});</code></pre>

<p>Now with this code even when i am moving from one li to another mouseout function is called. However i am expecting it to be called everytime out of this navigation. </p>
