title: Why does .load() Work in Chrome & Edge but NOT Firefox
body: <p>I am attempting to dynamically load audio files into a page and have this code:</p>
  
  <pre><code>&lt;script&gt;
  var audio369 = '/owners/1/images/customers/369.mp3';
  $('#audio369 audio source').attr('src', audio369);
  $('#audio369 audio')[0].load();
  &lt;/script&gt;
  </code></pre>
  
  <p>And my HTML </p>
  
  <pre><code>&lt;div id="audio369" style="position:relative;width:30%;margin:1em 
  auto;display:inline-block;min-height:30px;"&gt;
  &lt;audio controls &gt;
  &lt;source src="" type="audio/mpeg"&gt;
  Your browser does not support the audio element.
  &lt;/audio&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My page works great in Chrome and Edge, but in Firefox the div #audio369 only appears after opening Developer tools. Any idea how to fix this? </p>
  
  <p>Thank you in advance.</p>
  
  <p><a href="http://peter.certifiedtransmission.com" rel="nofollow noreferrer">peter.certifiedtransmission.com</a></p>