title: Select radio button value inside span using jQuery
body: <p>I have the following radio buttons:</p>
  
  <pre><code>&lt;span id="ContactUs1_rdoPreferredLanguage"&gt;
    &lt;input id="ContactUs1_rdoPreferredLanguage_0" type="radio" name="ContactUs1$rdoPreferredLanguage" value="c7956c71-53be-46c9-8be0-6e384724a672" /&gt;
    &lt;label for="ContactUs1_rdoPreferredLanguage_0"&gt;English&lt;/label&gt;
  
    &lt;input id="ContactUs1_rdoPreferredLanguage_1" type="radio" name="ContactUs1$rdoPreferredLanguage" value="d0e789b7-f050-4676-bb9b-d40736022fae" /&gt;
    &lt;label for="ContactUs1_rdoPreferredLanguage_1"&gt;Spanish&lt;/label&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>What would be the best way to select one of these using jQuery? I tried the following and it doesn't seem to be working as expected.</p>
  
  <pre><code>var select = $("#ContactUs1_rdoPreferredLanguage &gt; input[type='radio']");
  </code></pre>
  
  <p>Ideally, I would like to be able to do the following.</p>
  
  <pre><code>select.val(0); // select English
  </code></pre>