title: Stop mouseleave trigger when overing a child element
body: <p>how can I stop from firing the mouseleave trigger when hovering the .thumb sibling element .description which is positioned over by the attribute: position absolute.</p>
  
  <p>I have the following js code</p>
  
  <pre><code>$('.thumb').on({
      mouseenter: function() {
          $(this).siblings('.description').delay(100).slideDown(200);
          start_preview($(this));
      },
  
      mouseleave: function(e) {
          $(this).siblings('.description').stop(true, true).slideUp(200);
          clearInterval( $(this).data('timer') ); //Stops preview
      }
  });
  </code></pre>
  
  <p>For the following HTML code:</p>
  
  <pre><code>&lt;td&gt;&lt;a href="/video?id=1052"&gt;
      &lt;img class="thumb" src="path" /&gt;
      &lt;div class="description"&gt;&lt;/div&gt;
  &lt;/a&gt;&lt;/td&gt;   
  </code></pre>