title: setTimeout dont work on .hover() leave/stop
body: <p>So I am trying to make a hover effect on a product grid, to show more info etc. I want to add some delay when the user is not hovering the grid element anymore, but I have tried but with no luck:</p>
  
  <pre><code>$('.product-grid &gt; .panel').hover(function() {
      $(this).addClass('active');     
  }, function() {
      setTimeout(function(){
          $(this).removeClass('active');
      }, 2000);
  });
  </code></pre>
  
  <p>Here is a fiddle of my problem:
  <a href="http://jsfiddle.net/81n914kb/" rel="nofollow">fiddle</a></p>