Problem with radio froup if not selected
<p>I have a group of radio button in with name <code>gender</code>. I am getting values of radios using jquery. </p>

<pre><code>&lt;label id="msg"&gt;&lt;/label&gt;    
&lt;label&gt;&lt;input type="radio" name="gender" value="male" /&gt;Male&lt;/label&gt;
&lt;label&gt;&lt;input type="radio" name="gender" value="female" /&gt;Female&lt;/label&gt;
</code></pre>

<p>Related Jquery.</p>

<pre><code>var gender = $('input[name=gender]:checked','#addchildform').val();
if (gender === null || gender === "") {
        $('#msg').html("&lt;h3&gt;Select Gender.&lt;/h3&gt;");
        return false;
}
</code></pre>

<p>My Issue is though I am getting value of selected radio but I if value is "" or null. I am not getting error message in label with id msg.</p>
