title: On click of radio button, add class to parent
body: <p>I have the following code, which when you click a radio button it adds the class <code>checked_radio</code>, when you click on another radio button it removes the class then adds the class to another radio button. That works great.</p>
  
  <p>The second part is that I want to do a similar thing but add the class <code>highlighted</code> to the parent li, it adds it fine but doesn't remove the class when clicking on another radio button. What am I doing wrong?</p>
  
  <pre><code>$('.gfield_radio input').click(function() {
     $('.gfield_radio input').removeClass("checked_radio");
     $(this).addClass("checked_radio");
  
     $('input.checked_radio').closest('li').removeClass("highlighted");
     $(this).closest('li').addClass('highlighted');   
  });
  </code></pre>