title: jQuery: stop audio on mouseleave
body: <p>I'm using the following script to play a sound when someone hovers a div.</p>
  
  <pre><code>$(document).ready(function(){
   var birdaudio = birdhover.find('audio')[0];    
  
   $('.sound').mouseenter(function(){ birdaudio.play(); });
   $('.sound').mouseleave(function(){ birdaudio.stop(); });
  });
  </code></pre>
  
  <p>It actually works, but the audio keeps on playing till the end of the sound, even when not hovering anymore. Is there something I could to do to prevent that? I wan't that the audio stops whenever you 'mouseleave' the div.</p>
  
  <p>Hoping for help!</p>