Toggling of radio button only works once (refresh)?
<p>I am trying to toggle a radio box selection included in cells table.</p>

<p>The toggling works only once per radio button. </p>

<p>After, all radio buttons are disabled but my HTML code seems to be correct; the attribute <code>checked="checked"</code> is present.</p>

<p>Why is this not working?</p>

<p>Here is the jQuery I am using:</p>

<pre><code>$('td').click(function(){
    var $elem = $(this).children('input');               
    var name = $elem.attr('name');
    $('input[name='+name+']').each(function(){
       $(this).removeAttr('checked');                  
    }).promise().done(function(){                 
       $elem.attr('checked','checked');               
    });
}); 
</code></pre>

<p>And the image:</p>

<p><img src="http://i.stack.imgur.com/4fCel.png" alt="enter image description here"></p>
