title: jQuery add/remove css class on selected radio
body: <p>I've read a few solutions on here, but my problem differs enough where those will not work. Basically if the radio button is checked, add a css class to the parent div. If the radio is not checked, remove the css class. Sounds simple?</p>
  
  <p>I have more than one radio button group, so in other words, there will be multiple radio buttons selected at a time. Each radio button group also is on different parts of the page seperated by other html.</p>
  
  <p>Here is what I came up with:</p>
  
  <pre><code>  $(document).ready(function () {
      $('input').click(function () {
          if ($('input:not(:checked)')) {
              $('div').removeClass('style1');
          }
          if ($('input').is(':checked')) {
              $(this).parent().addClass('style1');
          }
  
  
      });
  });
  </code></pre>
  
  <p>I think I'm on the right path with the input:not(:checked), but on the next line it removes style1 from all div elements instead of checking if other divs radio button child is checked.</p>
  
  <p>I guess what I'm asking is how do I write a script that when a radio button is clicked, add a css class to the parent and then find all div tags on the page that have a child of input. If the divs child input is not checked, remove the css class. So if a div has a child input element and it is checked, don't remove the css class from the inputs div.</p>
  
  <p>I hope that makes sense.</p>