title: jquery to change bootstrap radio button
body: <p>I have been struggling for hours to set a bootstrap radio button using jquery.</p>
  
  <p>Can any one help show me what I am doing wrong, below is a fiddle showing my code.</p>
  
  <p><a href="http://jsfiddle.net/mikeu/qu2jmxsd/" rel="nofollow noreferrer">Fiddle</a></p>
  
  <pre><code>&lt;div class="btn-group" data-toggle="buttons"&gt;
    &lt;label class="btn btn-xs btn-default active"&gt;
      &lt;input type="radio" name="xx" value=""&gt;
      &lt;span class="glyphicon glyphicon-unchecked"&gt;&lt;/span&gt;
    &lt;/label&gt;
    &lt;label class="btn btn-xs btn-default"&gt;
      &lt;input type="radio" name="xx" value="is"&gt;
      &lt;span class="glyphicon glyphicon-ok"&gt;&lt;/span&gt;
    &lt;/label&gt;
    &lt;label class="btn btn-xs btn-default"&gt;
      &lt;input type="radio" name="xx" value="not"&gt;
      &lt;span class="glyphicon glyphicon-remove"&gt;&lt;/span&gt;
    &lt;/label&gt;
  &lt;/div&gt;
  
  
  jQuery(function($) {
    $('input:radio[name="xx"][value="is"]').prop("checked", true);
  });
  </code></pre>