title: Toggle radio selection with another radio selection and refresh button not page
body: <p>Ok I Have a form with some questions as a radio option. If the first radio is selected as option yes, display the second radio option. if second radio option is also selected yes as the option, display third element (text box). </p>
  
  <p>This functionality is working but what I can't get to work is if they change the first radio selection to no how can I hide and unset the second radio option (set option to no) and clear and hide the third element (text box) value.</p>
  
  <p>Here is what I have tried:</p>
  
  <pre><code>$("#second_radio_div").hide("fast");
  $("#third_element_div").hide("fast");
  
  $("[name=first_radio]").change(function(){
      $("#second_radio_div").toggle($("[name=first_radio]").index(this)===1);
  
      if($("[name=first_radio]").index(this)===0) {
          //$('input:radio[name="second_radio_no"]').attr('checked',true); 
          //$('#second_radio').buttonset("refresh");
          //$('[name="second_radio"][value="no"]').attr("checked", true);
          //$('#second_radio').buttonset("refresh");
          $("#third_element_div").hide("fast"); // This works to hide the element
      }
  });
  
  $("[name=second_radio]").change(function(){
      $("#third_element_div").toggle($("[name=second_radio]").index(this)===1);
  });
  </code></pre>
  
  <p>The HTML</p>
  
  <pre><code>&lt;div data-role="fieldcontain"&gt;
  &lt;fieldset data-role="controlgroup" data-type="horizontal"&gt;
      &lt;div&gt;First Radio&lt;/div&gt;
          &lt;input type="radio" name="first_radio" id="first_radio_yes" value="yes" /&gt;
          &lt;label for="first_radio_yes"&gt;Yes&lt;/label&gt;
  
          &lt;input type="radio" name="first_radio" id="first_radio_no" value="no" checked="checked"/&gt;
          &lt;label for="first_radio_no"&gt;No&lt;/label&gt;
      &lt;/fieldset&gt;
  &lt;/div&gt;
  
  
  &lt;div id="second_radio_div" name="second_radio_div"&gt;
      &lt;div data-role="fieldcontain"&gt;
          &lt;fieldset data-role="controlgroup" data-type="horizontal"&gt;
              &lt;div&gt;Second Radio&lt;/div&gt;
              &lt;input type="radio" name="second_radio" id="second_radio_yes" value="yes" /&gt;
              &lt;label for="second_radio_yes"&gt;Yes&lt;/label&gt;
  
              &lt;input type="radio" name="second_radio" id="second_radio_no" value="no" checked="checked"/&gt;
              &lt;label for="second_radio_no"&gt;No&lt;/label&gt;
          &lt;/fieldset&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="third_element_div" name="third_element_div"&gt;
      &lt;div data-role="fieldcontain"&gt;
          &lt;input type="text" name="third_element" id="third_element" class="default-value" value="If yes, provide date" /&gt;                
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>