title: How to make a simple HTML playlist using Jquery
body: <p>I need some help making a very simple Jquery playlist using audio html tag. So far I got his:</p>
  
  <pre><code>&lt;audio id="myAudio" preload="auto"&gt;
    Your user agent does not support the HTML5 Audio element.
  &lt;/audio&gt;
  </code></pre>
  
  <p>and the jquery part:</p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  
  $(document).ready(function() {
    bgAudio = document.getElementById("myAudio");
    bgAudio.volume = 0.3;
  
    bgAudio.controls = true;
    bgAudio.loop = true;
    bgAudio.autoplay = true;
  
    bgAudio.src = "bg1.mp3";
    bgAudio.src = "bg2.mp3";
    bgAudio.play();
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>How can I make those 2 mp3's play one after another? Thanks for the help.</p>