title: Radio button checked attribute is not getting set to false
body: <p>I have 2 buttons <code>yes</code> and <code>no</code>, and simply I am toggling them. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
     &lt;html&gt;
        &lt;head&gt;
           &lt;title&gt;Demo Project&lt;/title&gt;
        &lt;/head&gt;
        &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"&gt;&lt;/script&gt;
        &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
        &lt;script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"&gt;&lt;/script&gt;
        &lt;script src=""&gt;&lt;/script&gt;
        &lt;script&gt;  
            function enableCheckBoxAndDisableNoRadioButton() {
               $(".checkbox").attr("checked",true);
               $("#no").attr("checked", false);
            }
  
            function disableCheckBoxAnddisableYesRadioButton() {
               $("#yes").attr("checked", false);
               $(".checkbox").attr("checked",false);
            }
        &lt;/script&gt;
        &lt;body&gt;
           &lt;input class="checkbox" type="checkbox" &gt;
           &lt;p&gt;yes &lt;input id="yes" type="radio" onchange="enableCheckBoxAndDisableNoRadioButton()"&gt;&lt;/p&gt;
           &lt;p&gt; no&lt;input id="no" type="radio" checked=true onchange="disableCheckBoxAnddisableYesRadioButton()"&gt;&lt;/p&gt;
        &lt;/body&gt;
     &lt;/html&gt;
  </code></pre>
  
  <p>When I click at <code>yes</code>, that time no button getting deselected and checkbox getting selected. 
  But when I click at the <code>no</code> button, that time checkbox getting deselected but <code>yes</code> button is selected too. I want to make it deselect. </p>
  
  <p>Let me know what is the problem. </p>
  
  <p>I am running this code on chrome: 53.0.</p>