title: jQuery mouseover function keeps flickering
body: <p>I'm having trouble with a mouseover function, I have a div and when hovering over it, it's child div is faded in and faded out on mouseleave. The child div shows up just fine, but when you move the mouse over, it keeps fading in and out and it's just irritating.<br>
  Here's a fiddle: <a href="http://jsfiddle.net/NK2mt/1/" rel="nofollow">http://jsfiddle.net/NK2mt/1/</a> and my jQuery function here too:</p>
  
  <pre><code>jQuery(document).ready(function(){
  
  jQuery(".hover").hide();
  
      jQuery('.grid-block').mouseover(function() {
          jQuery(this).children('.hover').stop(true, true).fadeIn();
          });
  
      jQuery('.grid-block').mouseout(function() {
          jQuery(this).children('.hover').stop(true, true).fadeOut();
          });   
          return false; 
  });
  </code></pre>
  
  <p>It's when you move the mouse over <code>.block-text-sub</code> that the div fades out and in again, but I can't seem to find a fix for it.</p>