title: In Jquery how do I change a css style or switch a class for the label of a radiobutton when that radiobutton is checked?
body: <p>I have a bunch of radiobuttons in a group and each radio button has its own label:</p>
  
  <pre><code>&lt;label&gt;
  &lt;input type="radio" class="lstradio" name="photonum" value="4" id="photonum_1" /&gt;
  4&lt;/label&gt;
  </code></pre>
  
  <p>I also have the css for these labels that work with the hover:</p>
  
  <pre><code>label {
  font-family: sans-serif;
  font-size: 20px;
  
  }
  label:hover {
  background-color: #FF6; 
  }
  </code></pre>
  
  <p>My question: How do I switch the css style or class of the label when my radio button input is checked, using jQuery?</p>
  
  <p>Here is the scenario:</p>
  
  <p>In each fieldset there are a number of radio buttons, idea is to change the css style ONLY for the label of the radio button that is checked in each of these fieldsets... </p>
  
  <p>Perhaps I need to fiddle with the blur() function? </p>
  
  <p>Here is the sample:
  <a href="http://jsfiddle.net/ykK2s/2/" rel="nofollow">http://jsfiddle.net/ykK2s/2/</a></p>