title: Bootstrap jQuery - Set radio button back to default checked
body: <p>I have the following structure in HTML:</p>
  
  <pre><code>&lt;div id="RadioGroup" class="btn-group"&gt;
    &lt;label class="btn btn-default"&gt;
      &lt;input id="RadioGroupYes" type="radio" class="toggle" value="true" /&gt;Yes
    &lt;/label&gt;
    &lt;label class="btn btn-default active"&gt;
      &lt;input id="RadioGroupNull" type="radio" class="toggle" checked="checked" value="null" /&gt;-
    &lt;/label&gt;
    &lt;label class="btn btn-default"&gt;
      &lt;input id="RadioGroupNo" type="radio" class="toggle" value="false" /&gt;No
    &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And I have a button that is meant to reset everything to default, which works except the <code>$('#RadioGroupNull').prop('checked', true);</code> line.  There are no errors in the console, it simply does nothing upon clicking this.</p>
  
  <p>What am I missing when it comes to changing back to the default checked radio button?</p>
  
  <p>JQuery Code:</p>
  
  <pre><code>$("#button").click(function() {
      $('#RadioGroupNull').prop('checked', true);
  });
  </code></pre>