Jquery mouse event alternative
<p>Alright so the code below works fine if I click outside the #nav div. I was asking if it is possible to just move the mouse away from the #nav div to make it disappear. I don't want to 'click' to hide the div. <a href="http://jsfiddle.net/sKpwV" rel="nofollow">Example</a></p>

<pre><code> $(document).mouseup(function (e)
    {
        var container = $("#nav");

        if (container.has(e.target).length === 0)
        {
            container.hide();
        }
    });
</code></pre>

<p>I tried the mouseenter and mouseleav, but they don't work. <a href="http://jsfiddle.net/sKpwV/1" rel="nofollow">Example</a>
Any help will be appreciated :)</p>
