title: How to use stop() properly in jQuery animation with hover event?
body: <p>I use the method below to make some animation. But when I move my mouse in and out really fast and stop it inside the <code>div</code> , the <code>fadeIn()</code> doesn't work and the  <code>div</code> keeps transparent.</p>
  
  <pre><code>$(".grids").hover(function() {
      $('.gridscontrol').stop().fadeIn(200);
  }, function() {
      $('.gridscontrol').stop().fadeOut(200);
  });
  </code></pre>