title: check if radio button has been select with jQuery
body: <p>So i have this:</p>
  
  <pre><code>&lt;p:selectOneRadio id="gender"  style="display: inline-table"&gt;
                      &lt;f:selectItem id="male" itemLabel="Male" itemValue="male"/&gt;
                      &lt;f:selectItem id="female" itemLabel="Female" itemValue="female"/&gt;
  &lt;/p:selectOneRadio&gt;
  </code></pre>
  
  <p>And I want to see if the user has checked let's say the male option:</p>
  
  <pre><code>if($("#male").is(":checked") === true){
      errors.push("gender");
  }
  </code></pre>
  
  <p>But this does not work. How can I write the above script in order to checked if the male option has been clicked?</p>