title: Intermittent animation on mouseover
body: <p>I am trying to animate a border on mouseover:</p>
  
  <pre><code>$('.feature').mouseover(function(){
      border = $(this).find('.features_icon img');
      border.stop(true,true).animate({ borderColor: "#add423"  }, 'slow'); 
  });
  $('.feature').mouseout(function(){
      border = $(this).find('.features_icon img');
      border.animate({ borderColor: "transparent"  }, 'slow'); 
  });
  </code></pre>
  
  <p>But when I hover over the .feature element too quickly, the animate effect doesn't occur, it just shows it instead. I am assuming there is something wrong here, perhaps the stop() function. How is this done properly to make it animate correctly?</p>