title: Mouseover with jQuery, too fast with the mouse
body: <p>I get an issue using "mouseover" function with jQuery.</p>
  
  <p>When I'm too fast with the mouse on my element I lose the "mouseleave" function and my element don't delete himself...</p>
  
  <p>My JSFiddle : <a href="http://jsfiddle.net/tonymx227/4YRuf/5/" rel="nofollow">http://jsfiddle.net/tonymx227/4YRuf/5/</a></p>
  
  <p>My code :</p>
  
  <pre><code>$('figure').children('img').on('mouseover', function(e){
      $(this).parent().append('&lt;div id="figure-over"&gt;&lt;a href="'+$(this).parent().data('url')+'" target="_blank"&gt;Voir&lt;/a&gt;&lt;/div&gt;');
      $(this).parent().children('#figure-over').stop().slideDown();
      $(this).parent().children('#figure-over').on('mouseleave', function(){
          $(this).stop().slideUp( function(){
              $(this).remove();
          });
      }).on('click', function(){
          window.open($(this).children('a').attr('href'));
      });
  });
  </code></pre>