title: How to trigger a JQuery event when Audio has finished playing HTML5
body: <p>I'm trying to fathom out how to trigger an event when my audio has stopped playing. I am using the HTML5 <code>&lt;audio&gt;</code> tag.  So far I can get the audio to give me its duration using the <code>duration</code> property, but I'm unable to do much with this at the moment.  All's I want to do is pass a "play" string into a html() method so it doesn't keep displaying "pause" when my audio is finished playing.</p>
  
  <p>Toggle function:</p>
  
  <pre><code>$("#toggleButton").on("click", function(evt) {
      if(audio.paused) {
          audio.play();
          $(this).html("Pause");
      }
      else {
          audio.pause();
          $(this).html("Play");
      }
  });
  </code></pre>
  
  <p>I am also struggling to find documentation regarding audio methods and properties.  I've tried searching "audio" on both the JQuery and Mozilla network and they return nothing back.</p>