title: How to get the selected radio button's value with Prototype or JQuery
body: <p>How can I get the value of the selected radio button using JQuery or Prototype?</p>
  
  <p>Here is my form:</p>
  
  <pre><code>&lt;label for="deliveryChoice"&gt;Courier&amp;nbsp;&lt;b&gt;&amp;pound;3.00&lt;/b&gt;&lt;/label&gt;
  &lt;input type="radio" name="deliveryChoice" value="2.00" onchange="updateBasketTotals();" /&gt;
  &lt;label for="deliveryChoice"&gt;Royal Mail&amp;nbsp;&lt;b&gt;&amp;pound;2.80&lt;/b&gt;&lt;/label&gt;
  &lt;input type="radio" name="deliveryChoice" value="2.00" onchange="updateBasketTotals();" /&gt;
  </code></pre>
  
  <p>The last 2 commands I tried were:</p>
  
  <pre><code>deliveryVal = Form.getInputs('deliveryProcessor','radio','deliveryChoice').find(function(radio) { return radio.checked; }).value;
  deliveryVal = jQuery('[name="deliveryChoice"]:radio:checked').val();
  </code></pre>
  
  <p>Any ideas?</p>
  
  <p><strong>Edit</strong></p>
  
  <p>The radio buttons are created as a result of an ajax call after page load. Here is a link to a jsfiddle with it: <a href="http://jsfiddle.net/4naqm" rel="nofollow">jsfiddle.net/4naqm</a></p>