Adding a custom radio selection

I am trying to add a custom radio selection state while the actual radio circles are hidden.

To do this I am using this code and set classes.

<script>

$('.radio').click(function() {
   if($(this).find('#radio_button').is(':checked')) { 
     $(this).addClass('selected');
          $(this).siblings('.radio').removeClass('selected');
   }
});

</script>

For some reason none of this is working and I can’t figure out what the problem is. On radio selection the entire .radio class should turn red.

The page I am working on is named “this page has the problem”. And the radio buttons are on the second slide. Thanks in advance.


Here is my site Read-Only: LINK
Here is my site Live page: LINK