jQuery How to kill a Created Div?
<p>What I have at the moment is a list of products (divs) that, when hovered over, a duplicate div is created and positioned over the original div (offset a bit and restyled using css). This new div is larger and offers more information that was being shown in the list view.</p>

<p>When I hover off the new div it is .remove()'d, however I have found that it does not do this immediately, and if I move my mouse fast enough the hover event is fired, but the mouseleave event is not (as such the new div is just left on screen).</p>

<p>What I have at the moment to detect when to remove the new div:</p>

<pre><code>jQuery('.newDiv').mouseleave(function(){
  jQuery(this).remove();
});
</code></pre>

<p>How do I get my new div to check that the mouse is on/off it so that I can kill it correctly?</p>
