title: html5 audio element return src with jquery
body: <p>I am converting some HTML5 to work with Android.  Android does not support the  element, so the play method does not function.</p>
  
  <p>I am using PhoneGap's media element, and that does play audio.  What I want, is a way to find the first source of the audio tag, and then use that with media play, but this does not seem to work.</p>
  
  <pre><code>function playSound(whatToPlay) {
      // removed since &lt;audio does not work
      // var snd = document.getElementById(whatToPlay);
      // snd.play();
  
      toPlaySrc = $("#"+whatToPlay+":first-child").eq(0).attr("src");
      // next I will have to deal with /android_asset and my current partial path
      myMedia = new Media("/android_asset/"+toPlaySrc, onSuccess,onError);
      if (myMedia)
          myMedia.play();        
  }
  playSound("clockticking");
  </code></pre>
  
  <p>this is my audio element.</p>
  
  <pre><code>&lt;audio id="clockticking" preload="auto" autobuffer onEnded="instructionFinsihed()"&gt;
    &lt;source src="../sound/tictoc.mp3" type="audio/mp3" /&gt;
    &lt;source src="../sound/tictoc.ogg" type="audio/ogg" /&gt;
  &lt;/audio&gt;
  </code></pre>
  
  <p>I have many existing audio elements, so a general solution would really be important, I can not, for instance just ad id tags to all the mp3 elements and solve it.</p>