jQuery reset buttons
<p>I have a player I am working with that has the ability to add JS event listeners so that you can control the player using jQuery or any other method of JS.</p>

<p>I have a bunch of play buttons in a list next to a list of audio files. When one clicks the play button, the play button hides and a pause button appears. The problem I am running into is that if one is listening to a track and the pause button is showing and then they click on another play button, the list of buttons doesn't reset and then they see two pause buttons instead of just the one next to the audio file they are listening too.</p>

<p>Here is my Javascript code:</p>

<pre><code>$('.btn-control').live("click", function() {
  var $action, jw_content, playerData, self;
  self = $(this);
  console.log(self.parent());
  self.parent().find('.pause').hide();
  $action = self.attr('data-player-action');
  self.hide();
  self.parent().find('.btn-control').not(self).css('display', 'block');
  switch ($action) {
    case "play":
      $('#player_area').slideDown('200');
      $('#player_wrapper').show();
      jw_content = jQuery.parseJSON(self.attr('data-player-feed'));
      playerData = {
        'streamer': jw_content.Location,
        'file': jw_content.Resource
      };
      return jwplayer().load(playerData).setMute(true).play(true);
    case "pause":
      return jwplayer().pause();
  }
});
</code></pre>
