title: Play an audio file using jQuery when a button is clicked
body: <p>I am trying to play an audio file when I click the button, but it's not working, my html code is:</p>
  
  <pre><code>&lt;html&gt;    
      &lt;body&gt;
          &lt;div id="container"&gt;
              &lt;button id="play"&gt;
                  Play Music
              &lt;/button&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>my JavaScript is :</p>
  
  <pre><code>$('document').ready(function () {
      $('#play').click(function () {
          var audio = {};
          audio["walk"] = new Audio();
          audio["walk"].src = "http://www.rangde.org/static/bell-ring-01.mp3"
          audio["walk"].addEventListener('load', function () {
              audio["walk"].play();
          });
      });
  });   
  </code></pre>
  
  <p>I have created a <a href="http://jsfiddle.net/sureshpattu/gD4Dr/1/" rel="noreferrer">Fiddle</a> for that too.</p>