title: change selected radio button textcolor in jquery
body: <p>I am trying to change the text color on the selected radio button's text when it is checked ( a group of three). It doesn't work. I've tried multiple variations but this should be working</p>
  
  <pre><code>$(document).ready(function() {
      if (
      $('.radioPanel [input:radio]').is(":checked")) {
          $(this).css('color', '#008000');
      }
  });
  </code></pre>
  
  <p>Here is the aspx code; is the outer code affecting the jquery changes?</p>
  
  <pre><code>&lt;fieldset class="registerradio"&gt;
                      &lt;legend&gt;Select a Category&lt;/legend&gt;
                    &lt;asp:Panel ID="radiobtnPanel" runat="server" CssClass="radioPanel"&gt;
                      &lt;asp:RadioButton ID="radioUserEmployee" runat="server" GroupName="radioCreateUsers" Text="Employee" TextAlign="Left"  /&gt;
                      &lt;asp:RadioButton ID="radioUserDistributor" runat="server" GroupName="radioCreateUsers" Text="Distributor" TextAlign="Left"/&gt;
                      &lt;asp:RadioButton ID="radioUserCustomer" runat="server" GroupName="radioCreateUsers" Text="Existing Customer" TextAlign="Left"/&gt;
                      &lt;%--&lt;asp:RadioButton ID="radioUserOther" runat="server" GroupName="radioCreateUsers" Text="Other" TextAlign="Left"/&gt;--%&gt;
                    &lt;/asp:Panel&gt;
   &lt;/fieldset&gt;
  </code></pre>
  
  <p>Here is the fiddle;
      <a href="http://jsfiddle.net/6yVL3/" rel="nofollow">http://jsfiddle.net/6yVL3/</a></p>