title: JQuery: get radio button value
body: <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>