title: The added class doesn't trigger its jQuery function
body: <p>It's an audio player: the idea is that the <strong>play</strong> button turns into a <strong>pause</strong> button (and viceversa) when clicked. </p>
  
  <p>Thing is that the <code>.pause</code> event doesn't trigger the following function:</p>
  
  <pre><code>$('.pause').click(function(){
      player.pause();
  
      $(this).addClass('play');
      $(this).removeClass('pause');
  });
  </code></pre>
  
  <p>The css shows that the pause class is set, but the function doesn't work. Is there a way to make it work? (would be great to know why it didn't work)</p>
  
  <h2><a href="http://jsfiddle.net/Arkl1te/e7npE/" rel="nofollow">jsFiddle</a></h2>