title: How to Change Class onclick?
body: <p>This code works with soundcloud's widget to allow remote text buttons and I am trying to make it work as a remote for one image button that has different pictures pause/play depending on class selected, as opposed to txt_on_pause txt_on_play. Any ideas on how to toggle that?</p>
  
  <pre><code>$(function () {
      var widgetIframe = document.getElementById('sc-widget'),
          widget = SC.Widget(widgetIframe),
          txt_on_pause = '&amp;iexcl;Escuchar m&amp;uacute;sica!',
          txt_on_play = 'Escuchando algo de m&amp;uacute;sica... (click para pausar)';
      widget.bind(SC.Widget.Events.READY, function () {
          $(".sc-toggle").html(txt_on_pause);
      });
      widget.bind(SC.Widget.Events.PAUSE, function () {
          $(".sc-toggle").html(txt_on_pause);
      });
      widget.bind(SC.Widget.Events.PLAY, function () {
          $(".sc-toggle").html(txt_on_play);
      });
      $(".sc-toggle").click(function (e) {
          e.preventDefault();
          widget.toggle();
      });
  });
  </code></pre>