title: I can't check radio button using jquery
body: <p>I have 2 radio buttons and I can't check them using jQuery ... 
  What's wrong ? </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table border="0"&gt;
  &lt;tr&gt;
      &lt;td style="width:85px;text-align:center;"&gt;&lt;h4&gt;Gender:&lt;/h4&gt;&lt;/td&gt;
      &lt;td style="width:85px;"&gt;&lt;label&gt;&lt;input type="radio" name="sex" value="male" id="maleradio" /&gt;Male&lt;/label&gt;&lt;/td&gt;
      &lt;td style="width:85px;"&gt;&lt;label&gt;&lt;input type="radio" name="sex" value="female" id="femaleradio"/&gt;Female&lt;/label&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>jQuery: </p>
  
  <pre><code> if (localStorage.getItem("gender") == "male") {
          console.log("Works fine");
          $("#maleradio").prop("checked", true);
      }
  </code></pre>
  
  <p>I get message "Works fine", but radio stay unchecked ... </p>