title: Mouseenter called multiple times
body: <p>I'm building a website, and for the about page, I have pictures that I want to fade to 0.5 opacity and then have text fade in on top if them. My issue is that whenever I put my mouse over one of the images, it, and the text on top of it fades in and out multiple times. <a href="http://jsfiddle.net/oLckb6h3/1/" rel="nofollow noreferrer">Here's</a> a link to the section of my code I'm having trouble with. The issue only occurs if you're moving your mouse over the image from outside of the containing div.</p>
  
  <p>My jQuery:</p>
  
  <pre><code>$(document).ready(function() {
  $('.fade').mouseenter(function() {
      $(this).fadeTo(150, 0.5);
      $(this).siblings().fadeIn(150);
  }).mouseleave(function() {
      $(this).fadeTo(150, 1);
      $(this).siblings().fadeOut(150);
  });
  });
  </code></pre>
  
  <p>I've noticed that when I remove the second line of code in both mouseenter and mouseleave that it resolves the issue. I've tried mouseover, hover, stopPropogation, I've looked through all of these:</p>
  
  <p><a href="https://stackoverflow.com/questions/6888590/mouseenter-event-called-twice-even-after-stoppropagation">mouseenter event called twice even after stopPropagation</a></p>
  
  <p><a href="https://stackoverflow.com/questions/10080067/mouseover-and-mouseleave-trigger-every-time-i-move-the-mouse-inside-the-given-el">Mouseover and mouseleave trigger every time I move the mouse inside the given element</a></p>
  
  <p><a href="https://stackoverflow.com/questions/26179191/js-mouseenter-triggered-twice">JS mouseenter triggered twice</a></p>
  
  <p><a href="https://stackoverflow.com/questions/24163876/jquery-mouseover-function-firing-multiple-times">JQuery mouseover function firing multiple times</a></p>
  
  <p><a href="https://stackoverflow.com/questions/2605935/how-to-stop-toggle-event-from-being-fired-multiple-times-on-mouseenter-mouseleav">How to stop toggle event from being fired multiple times on mouseenter/mouseleave?</a></p>
  
  <p><a href="https://stackoverflow.com/questions/20468456/jquery-mouseover-event-firing-twice">jquery mouseover event firing twice</a></p>
  
  <p><a href="https://stackoverflow.com/questions/7286532/jquery-mouseenter-vs-mouseover">Jquery mouseenter() vs mouseover()</a></p>
  
  <p>and tried everything they suggested but so far nothing has worked for me. Any ideas?</p>