title: jQuery UI - changing button colours
body: <p>Using jQuery UI I have two radio buttons, Approve/Reject, which I would like to style independantly, so when 'Approve' is selected, it will be blue, and when 'Reject' is selected, it will be red:</p>
  
  <p><img src="https://i.stack.imgur.com/Bu4zM.png" alt="Nothing selected"></p>
  
  <p><img src="https://i.stack.imgur.com/jaelC.png" alt="Approve selected"></p>
  
  <p><img src="https://i.stack.imgur.com/su0YT.png" alt="Reject selected"></p>
  
  <p>Apologies for my terrible red button mockup :-) Hopefully this will give you an idea of what I'm after. I've tried changing the class of both buttons/labels, but this isn't then reflected onto the jQuery-UI overlay.</p>
  
  <p>Here's my current code that is generating the buttons, and also displaying a tick or a cross depending on the selection:</p>
  
  <pre><code>$('.approvedToggle').buttonset();
  
  $('input:radio').click(function() {
      if($(this).val() === 'approve') {
          $(this).parent('div').children(".tick").show();
          $(this).parent('div').children(".cross").hide();
      } else {
          $(this).parent('div').children(".tick").hide();
          $(this).parent('div').children(".cross").show();
      }
  });
  </code></pre>
  
  <p>Any help would be much appreciated - thanks!</p>