title: HTML5 audio player not working with jQuery on Safari or IE
body: <p>I am triggering HTML5 audio player with jQuery when clicked on an object. Everything works fine in chrome or firefox but it is not working in safari 8 or in IE 10. It is also not working in IOS 8.</p>
  
  <pre><code>&lt;audio class="player-audio" src="http://spellout.org/resources/audio/int-icao/alfa.ogg"&gt;&lt;/audio&gt;
  
  &lt;a class="play-audio" data-audio="alfa"&gt;&lt;h6&gt;Play Audio&lt;/h6&gt;&lt;/a&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>$('.play-audio').click(function(){
      var audioPlayer = $('.player-audio');
      audioPlayer.trigger('play');
  });
  </code></pre>
  
  <p>Can anyone explain me what is wrong with my method?</p>
  
  <p>Here is the fiddle:
  <a href="http://jsfiddle.net/wuhkr3wx/3/" rel="nofollow">fiddle</a></p>