title: How to force the HTML5 Audio tag to reload a (changing) file
body: <p>I have a bit of code in javascript that generates a wav file and then attaches it to a button so it can be played: </p>
  
  <pre><code>function makeWav(){        
              $.get(("../testsound/getsound.pl?text="+document.myform.outputtext.value));
  setTimeout(callback, 500);
              return false;
          }
  function callback() {
  var audio = new Audio('http://www.joereddington.com/testsound/hope.wav');
  audio.load();
  audio.play();
             //     $("#player").html("&lt;embed src=http://www.joereddington.com/testsound/hope.wav autostart=true  &gt;");
          }
  </code></pre>
  
  <p>Obviously the hope.wav file changes very regularly.  But my problem is that only the <em>first</em> .wav to be generated is played unless I completely reload the site each time.  How do I make the (presumably) callback function go and get a new version of the .wav rather than the cache? </p>
  
  <p>EDIT: Works fine on the iPad - I'm having this problem in firefox. </p>