title: radio button do not get unchecked on page reload
body: <p>i have some radio buttons and page reload button in my html page </p>
  
  <pre><code>&lt;body&gt;
  &lt;div id="innerContainer"&gt;
      &lt;div style="height:auto;float:left;width:auto;"&gt;
          &lt;input type="text" id="wordfour" value="peace" readonly/&gt;
          &lt;input type="radio" id="four"/&gt;
      &lt;/div&gt;
      &lt;div style="height:auto;float:left;width:auto;margin-left:80px;"&gt;
          &lt;input type="radio" id="mFour" onclick="testIt();"/&gt;
          &lt;input style="width:400px;" type="text"  id="meanmFour" value="not fancy or beautiful" readonly/&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="innerContainer"&gt;
      &lt;div style="height:auto;float:left;width:auto;"&gt;
          &lt;input type="text"  id="wordfive" value="pain" readonly/&gt;
          &lt;input type="radio" id="five"/&gt;
      &lt;/div&gt;
      &lt;div style="height:auto;float:left;width:auto;margin-left:80px;"&gt;
          &lt;input type="radio" id="mFive" onclick="testIt();"/&gt;
          &lt;input style="width:400px;" type="text"  id="meanmFive" value="a winged vehicle that files in the air" readonly/&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;div id="innerContainer"&gt;
      &lt;div style="height:auto;float:left;width:auto;"&gt;
          &lt;input type="text"  id="wordsix" value="plain" readonly/&gt;
          &lt;input type="radio" id="six" /&gt;
      &lt;/div&gt;
      &lt;div style="height:auto;float:left;width:auto;margin-left:80px;"&gt;
          &lt;input type="radio" id="mSix" onclick="testIt();"/&gt;
          &lt;input style="width:400px;" type="text"  id="meanmSix" value="before now" readonly/&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="innerContainer"&gt;
      &lt;div style="height:auto;float:left;width:auto;"&gt;
          &lt;input type="text"  id="wordseven" value="knight" readonly/&gt;
          &lt;input type="radio" id="seven"/&gt;
      &lt;/div&gt;
      &lt;div style="height:auto;float:left;width:auto;margin-left:80px;"&gt;
          &lt;input type="radio" id="mSeven" onclick="testIt();"/&gt;
          &lt;input style="width:400px;" type="text"  id="meanmSeven" value="went by, continued or proceeded" readonly/&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;div id="innerContainer"&gt;
      &lt;div style="height:auto;float:left;width:auto;"&gt;
          &lt;input type="text"  id="wordeight" value="past" readonly/&gt;
          &lt;input type="radio" id="eight"/&gt;
      &lt;/div&gt;
      &lt;div style="height:auto;float:left;width:auto;margin-left:80px;"&gt;
          &lt;input type="radio" id="mEight" onclick="testIt();"/&gt;
          &lt;input style="width:400px;" type="text"  id="meanmEight" value="a sheet of glass framed in a window or door" readonly/&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;div id="innerContainer"&gt;
      &lt;div style="height:auto;float:left;width:auto;"&gt;
          &lt;input type="text"  id="wordnine" value="night" readonly/&gt;
          &lt;input type="radio" id="nine" /&gt;
      &lt;/div&gt;
      &lt;div style="height:auto;float:left;width:auto;margin-left:80px;"&gt;
          &lt;input type="radio" id="mNine" onclick="testIt();"/&gt;
          &lt;input style="width:400px;" type="text"  id="meanmNine" value="the dark hours between sunset and sunrise" readonly/&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;div id="innerContainer"&gt;
      &lt;div style="height:auto;float:left;width:auto;"&gt;
          &lt;input type="text" id="wordten" value="pane" readonly/&gt;
          &lt;input type="radio" id="ten"/&gt;
      &lt;/div&gt;
      &lt;div style="height:auto;float:left;width:auto;margin-left:80px;"&gt;
          &lt;input type="radio" id ="mTen" onclick="testIt();"/&gt;
          &lt;input style="width:400px;" type="text"  id="meanmTen" value="suffering, discomfort or distress" readonly/&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;button onClick="reloadPage();" &gt;Reset&lt;/button&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>and reload function in my js file</p>
  
  <pre><code>function reloadPage()
  {
   location.reload();
  }
  </code></pre>
  
  <p>when i presses the reload button, all the radio buttons gets unchecked except the first pressed radio button , can some one help me in this issue ?</p>