title: Second check of radio button not showing up
body: <p>I have radio buttons that are checked if you click a div. The problem is that the radio button does not get 'visually checked' again if you change your mind and click back on the original radio button.</p>
  
  <p>The attribute of the radio button 'checked' is added/removed via if/else statements.</p>
  
  <pre><code>$('.donate-now .radio--container:nth-child(1)').click(function(){
  
      if($('#answer2').attr('checked')){
            $('#answer2').removeAttr("checked");
            $('#answer1').attr('checked', 'checked');
       }
       else{
            $('#answer1').attr('checked', 'checked');
       }
   });
  
  $('.donate-now .radio--container:nth-child(2)').click(function(){
  
      if($('#answer1').attr('checked')){
         $('#answer1').removeAttr("checked");
         $('#answer2').attr('checked', 'checked');
      }
      else{
         $('#answer2').attr('checked', 'checked');
      }
  });
  </code></pre>
  
  <p>Please see my codepen for full working example
  <a href="https://codepen.io/erayner/pen/dwqXdx" rel="nofollow noreferrer">https://codepen.io/erayner/pen/dwqXdx</a></p>