title: JS and JQuery Audio Volume Does Not Initialize
body: <p>The Audio player loads and initializes, but the controls disappear once I pass the third song (see <code>&gt;= 3</code> test). I'm not certain if that's an incredible coincidence but it seems likely I have broken something. Why do the audio controls vanish?</p>
  
  <p>Also, the volume controls do not initialize. Does anyone know why?</p>
  
  <pre><code>&lt;script&gt;
  window.onload = function() {
      var number = Math.floor((Math.random() * 10) + 1);
      if(number &gt;= 3) {
          document.getElementById("audio").innerHTML = "&lt;audio id='vid' src='remix.mp3' type='audio/mpeg' autoplay='true' loop='true'&gt;&lt;/audio&gt;";
      } else {
          document.getElementById("audio").innerHTML = "&lt;audio id='vid' src='lose.mp3' type='audio/mpeg' autoplay='true' loop='true'&gt;&lt;/audio&gt;";
      }
  };
  (function(){
      var vid = document.getElementById("vid");
      vid.volume = 0.2;
      });
  &lt;/script&gt;
  &lt;script&gt;
  jQuery(function($) {
      $("#vid").prop('volume', 0.2);
      window.setVolume = function(bgAudio,vol) {
          sounds[bgAudio].volume = 0.33;
      }
  });
  &lt;/script&gt;
  &lt;div id="audio"&gt;
  
  &lt;/div&gt;
  </code></pre>