title: HTML5 Audio. Replacing Element still the same audio file (cached) how to solve?
body: <p>I am using the HTML5 Audio element inside my HTML file.</p>
  
  <p>Trying many methods,I just cannot manage to replace the audio file via AJAX, it still returns the same audiofile.</p>
  
  <pre><code>&lt;div id="audiodiv"&gt;
     &lt;audio id="audioelement"&gt;
      &lt;source src="test.ogg" type="audio/ogg"&gt;
     &lt;/audio&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So I record a new file called test.ogg which overwrites the old one.
  I tried using jQuery and using<code>$("#audiodiv").html('')</code>
  and re-rendering this part. Then fetching the element via <code>document.getElementbyID</code> and then using the <code>.play() function</code> .</p>
  
  <p>It returns the same old test.ogg,which was already overwritten by the new one. </p>
  
  <p>So I tried to delete the cache, still the same problem.</p>
  
  <p>The only way this works is deleting the cache and closing the browser and calling the page again...</p>
  
  <p>How can I solve this?</p>
  
  <p>Thank you very much for help.</p>