title: Remove class from parent <td> of unselected radio buttons
body: <p>What I would like to do is be able to highlight the parent  of the selected radio button, which I have done. The thing I am having trouble with is removing the .sel class from the unselected radios. I will have multiple radio groups set up in a table, one group for each row. </p>
  
  <p>Here is my code up to now:</p>
  
  <pre><code>$(document).ready(function () {
  $('td.radio').click(function () {
      $(this).children('input').prop('checked', true);
  
      if ($(this).children('input').is(':checked')) {
          $(this).addClass('sel');
      } else {
          $(this).removeClass('sel');
      }
  });
  });
  </code></pre>
  
  <p>I have a jsFiddle set up here with what I have managed so far: <a href="http://jsfiddle.net/ASMITH/drYTP/5/" rel="nofollow">http://jsfiddle.net/ASMITH/drYTP/5/</a></p>