title: Making div visible does have some issue on mouseenter event
body: <p><strong>Simple Terms</strong>
  I want <code>#livecart</code> be visible on <code>#cart</code> hover &amp; keep it visible if I hover on <code>#livecart</code>. If I hover on any other div, it should be hidden.</p>
  
  <p>It may be hard to explain.</p>
  
  <p><strong>But here is the jsfiddle.</strong>
  <a href="http://jsfiddle.net/8fwFD/" rel="nofollow">http://jsfiddle.net/8fwFD/</a></p>
  
  <p>First scenario: Go to the link, hover on Cart, then on any other &amp; then again directly to Cart.
  Second: Hover on Cart, then on any other, then any outside area &amp; then to Cart.</p>
  
  <p>In second scenario, it works fine. On first, it doesn't.</p>
  
  <p>Any idea why this is happening?</p>