title: jQuery autohide element after 5 seconds, if there is no mouse over
body: <p>I am writing a shopping cart effect. When user add the product to shopping cart, the floating cart appears and hide in 5 seconds.</p>
  
  <pre><code>$("#cart").show().delay(5000).hide();
  </code></pre>
  
  <p>the problem is what if the user want to change something like quantity and the mouse is over the cart, obviously I don't want the cart to disappear when user mouse is over the cart.</p>