title: HTML5 audio - play sound repeatedly on click, regardless if previous iteration has finished
body: <p>I'm building a game in which a wav file plays on click - in this case it's a gun sound "bang". </p>
  
  <p>The problem is if I rapid click, it won't play the sound once for each click - it's as if the clicks are ignored while the sound is playing, and once the sound is finished, it starts listening for clicks again. The delay seems to be about one second long, so you figure if someone clicks 4 or 5 times per second, I want 5 bangs, not 1. </p>
  
  <p>Here's my HTML:</p>
  
  <pre><code>&lt;audio id="gun_sound" preload&gt;
      &lt;source src="http://www.seancannon.com/_test/audio/gun_bang.wav" /&gt;
  &lt;/audio&gt;
  </code></pre>
  
  <p>Here's my JS:</p>
  
  <pre><code>$('#' + CANVAS_ID).bind(_click, function() {
      document.getElementById('gun_sound').play();
      adj_game_data(GAME_DATA_AMMO_ID, -1);
      check_ammo();
  }); 
  </code></pre>
  
  <p>Ideas?</p>