title: Add delay before .hide() w/jQuery
body: <p>I have a simple code that keeps an element visible while a mouse hovers over it and hides it once the mouse is out.:</p>
  
  <pre><code>$(".item").hover(
      function () {
          $(this).show();
      }, 
      function () {
          $(this).hide();
      }                       
  );
  </code></pre>
  
  <p>I would like to add some delay before it hides, but adding <code>$(this).delay(500).hide();</code>does not seem to work...</p>