JQuery: get radio button value
<p>I have the following HTML:</p>

<p>HTML:</p>

<pre><code>&lt;input type="radio" name="abc" value="0" selected="selected" style="display:none" /&gt;
&lt;input type="radio" name="abc" value="1" /&gt;1+
&lt;input type="radio" name="abc" value="2" /&gt;2+
&lt;input type="radio" name="abc" value="3" /&gt;3+
</code></pre>

<p>JQuery to get the selected radio button</p>

<pre><code>$('input:radio[name=abc]:checked').val();
</code></pre>

<p>Why doesn't the code above work on page load, BEFORE a user selected a radio button? It's strange because the code above does work AFTER a user selected a radio button.</p>

<p>It seems to me that I have set the default radio button value to be <code>0</code>, but if you</p>

<p>Meaning, if the radio button value is selected, return the selected value - otherwise, return 0 (when no value has been selected)</p>
