title: Unselect radio button on click
body: <p>I'm trying to unselect a radio button with a click with jquery.</p>
  
  <p><strong>Wanted behavior :</strong> </p>
  
  <ol>
  <li><strong>If clicked radio button is already checked, uncheck</strong></li>
  <li><strong>If clicked radio button is not checked, check</strong></li>
  </ol>
  
  <p>Here's my fiddle : <a href="http://jsfiddle.net/2te28/15/" rel="nofollow">http://jsfiddle.net/2te28/15/</a></p>
  
  <p>and my code : <br></p>
  
  <pre><code>$('.table').on('click mousedown', '.radio', function() {
      if($(this).attr('id') == $(this).parents('tr').find('.radio:checked').attr('id'))
          $(this).removeAttr('checked');
  });
  </code></pre>
  
  <p>My problem is it always gets uncheck whatever I click.
  <br>
  <strong>EDIT : Corrected id transcription error</strong>
  <br>
  <strong>EDIT2 : Both radio buttons cannot be selected at the same time!</strong> </p>