keep DIV displayed if mouse hover over it
<p>I have the following jQuery code (take from another question somewhere here):</p>

<pre><code>$(document).ready(function(){
    $("#profile_dropdown").mouseenter(function(){
        clearTimeout($(this).data('timeoutId'));
        $("#profile_dropdown_content").fadeIn("slow");
    }).mouseleave(function(){
        var someElement = $("#profile_dropdown");
        var timeoutId = setTimeout(function(){
            $("#profile_dropdown_content").fadeOut("slow");
        }, 650);
        //set the timeoutId, allowing us to clear this trigger if the mouse comes back over
        someElement.data('timeoutId', timeoutId); 
    });
});
</code></pre>

<p>It works as expected, however - I can't figure out how to keep the <code>#profile_dropdown_content</code> shown if the mouse is moved over it. And how to make it fadeOut if the mouse moves out of course...</p>

<p>Any ideas?</p>
