In Jquery how do I change a css style or switch a class for the label of a radiobutton when that radiobutton is checked?
<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>
