title: How to reduce delay in playing sound on mobile web app
body: <p>I'm trying to create a web prototype of a mobile app.</p>
  
  <p>My code is like </p>
  
  <pre><code>var eat = new Audio("snd/home/eating.mp3");
  $('#eatBtn').live("click", function(){
      eat.play()
  });
  </code></pre>
  
  <p>The problem here is that, although the Audio plays, on Safari for iPhone, there's usually a huge delay from the time the button is pressed to the time the audio starts playing. The size of the audio files are usually less than 50kb.</p>
  
  <p>Is there any way to minimize the time slack or any method to optimize my code?</p>