title: HTML5 Audio object doesn't play in Safari
body: <p>On <a href="http://boredzo.org/nanodrawmo-timer/" rel="noreferrer">my page</a>, I dynamically create an HTML5 Audio element in JavaScript:</p>
  
  <pre><code>bell = new Audio("alarmclock.mp3");
  </code></pre>
  
  <p>Later on (in response to a jQuery Countdown object expiring), I play it:</p>
  
  <pre><code>bell.play();
  </code></pre>
  
  <p>Results:</p>
  
  <ul>
  <li>Chrome (6.0.472.55) for Mac: The audio plays fine.</li>
  <li>OmniWeb (5.10.2): The audio plays fine.</li>
  <li>Safari (5.0.1) for Mac: <del>I hear nothing.</del> The audio plays fine. (I don't know why it didn't work earlier.)</li>
  <li>MobileSafari (iOS 3.1.3—the latest version for my device): I hear nothing.</li>
  </ul>
  
  <p>How would I go about troubleshooting this? I'd really like to have it working in MobileSafari so my web app can be portable.</p>