title: HTML5 Audio stop function
body: <p>I am playing a small audio clip on click of each link in my navigation</p>
  
  <p>HTML Code:</p>
  
  <pre><code>&lt;audio tabindex="0" id="beep-one" controls preload="auto" &gt;
      &lt;source src="audio/Output 1-2.mp3"&gt;
      &lt;source src="audio/Output 1-2.ogg"&gt;
  &lt;/audio&gt;
  </code></pre>
  
  <p>JS code:</p>
  
  <pre><code>$('#links a').click(function(e) {
      e.preventDefault();
      var beepOne = $("#beep-one")[0];
      beepOne.play();
  });
  </code></pre>
  
  <p>It's working fine so far.</p>
  
  <p><strong>Issue is when a sound clip is already running and i click on any link nothing happens.</strong></p>
  
  <p>I tried to stop the already playing sound on click of link, but there is no direct event for that in HTML5's Audio API</p>
  
  <p>I tried following code but it's not working</p>
  
  <pre><code>$.each($('audio'), function () {
      $(this).stop();
  });
  </code></pre>
  
  <p>Any suggestions please?</p>