title: HTML5 Audio jQuery .click To Play Issues
body: <p>I need another set of eyes on this.</p>
  
  <p>I have various "hover sounds" that work fine using HTML5. Now I'm trying to add "click to play" image, using jQuery to play the HTML Audio. Here is my code:</p>
  
  <pre><code>    $(".audio_photography").click(function(){
              photography_audio.play();
          },
          function(){
              photography_audio.pause();
          });
  </code></pre>
  
  <p>and HTML</p>
  
  <pre><code>        &lt;span class="audio_photography"&gt;
              &lt;audio id="photography_audio"&gt;
                  &lt;source src="audio/cherish-the-day.mp3" type="audio/mpeg"&gt;&lt;/source&gt;
                  &lt;source src="audio/cherish-the-day.ogg" type="audio/ogg"&gt;&lt;/source&gt;
              &lt;/audio&gt;
          &lt;/span&gt;
  </code></pre>
  
  <p>Nothing happens when clicked. I double checked the path to my mp3/ogg, and it's correct.</p>
  
  <p>Any ideas on what I'm doing wrong?</p>
  
  <p>Just in case, here is the whole jQuery script:</p>
  
  <pre><code> &lt;script type="text/javascript"&gt;
      $(document).ready(function(){
          $(".main-navigation li").hover(function(){
              main_navigation_audio.play();
          },
          function(){
              main_navigation_audio.load();
          });
          $("#primary a, #secondary a, footer a").hover(function(){
              link_audio.play();
          },
          function(){
              link_audio.load();
          });
          $(".site-title a").hover(function(){
              header_audio.play();
          },
          function(){
              header_audio.load();
          });
          $("input, textarea, .site-header").hover(function(){
              input_textarea_audio.play();
          },
          function(){
              input_textarea_audio.load();
          });
          $(".audio_photography").click(function(){
              photography_audio.play();
          },
          function(){
              photography_audio.pause();
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Thanks.</p>