ToolTip fadeout when in focus
<p>I have a simple code where I show the tooltip (by changing the display property) when you hover over a element. is there a way where tooltip does not fadeout when I hover over tooltip.</p>

<pre><code>$('.element').mouseenter(function(){  
    $(this).find('.tooltip').fadeIn();
}).mouseleave(function(){       
    $(this).find('.tooltip').fadeOut();  // I want the tooltip to not fadeout if move is over tooltip element
});
</code></pre>
