radio button selection not changing

radio button selection not changing

I have the following script;

  2. <script>
  3.         $(document).ready(function () {
  4.             $('#radiobtnPanel input[type="radio"]').each(function () {
  5.                 if ($(this).is(':checked')) {
  6.                     $('#radiobtnPanel  label').css('color', '#008000');
  7.                 }
  8.                 else {
  9.                     $('#radiobtnPanel  label').css('color', '#000');
  10.                 }
  11.             });
  12.         });
  13. </script>


Here is the markup from my aspx page;
  2. <fieldset class="registerradio">
  3.                         <legend>Select a Category</legend>
  4.                       <asp:Panel ID="radiobtnPanel" runat="server" CssClass="radioPanel">
  5.                         <asp:RadioButton ID="radioUserEmployee" runat="server" GroupName="radioCreateUsers" Text="Employee" TextAlign="Left"  />
  6.                         <asp:RadioButton ID="radioUserDistributor" runat="server" GroupName="radioCreateUsers" Text="Distributor" TextAlign="Left"/>
  7.                         <asp:RadioButton ID="radioUserCustomer" runat="server" GroupName="radioCreateUsers" Text="Existing Customer" TextAlign="Left"/>
  8.                         <%--<asp:RadioButton ID="radioUserOther" runat="server" GroupName="radioCreateUsers" Text="Other" TextAlign="Left"/>--%>
  9.                       </asp:Panel>
  10.   </fieldset>     

  12. The selected radio button color is not changing