<input type="checkbox" name="bar" value="1" id="id_bar" />
<label for="id_bar">Bar</label>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"></script>')</script>
<script type="text/javascript" src="/static/js/vendor/jquery-ui-1.8.23.custom.min.js"></script>
<link rel="stylesheet" href="/static/css/overcast/jquery-ui-1.8.23.custom.css" />

$(document).ready(function(){
    var checkboxes = $('input[type=checkbox]');
    try{
        $(checkboxes).button();
    }
    catch(e)
    {
        alert(e);
    }
});

$(document).ready(function() {
    $("#radio").buttonset();
  })

$(checkboxes).click();

$(document).ready(function(){
   var checkboxes = $('input[type=checkbox]');
   try{
       checkboxes.button();
   }
   catch(e)
   {
      alert(e);
   }
});

$(document).ready(function(){
   try{
       $('input[type=checkbox]').each(function(index){
           $(this).button();
       });
   }
   catch(e)
   {
      alert(e);
   }
});

$('input[type=checkbox]').each(function(index, value) {
  $(this).click();
});

var checkboxes = $('input[type="checkbox"]');

checkboxes.button();

checkboxes.buttonset();

<form>
    <div id="radio">
        <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
        <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
        <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
    </div>
</form>

<script>
    $(function() {
        $( "#radio" ).buttonset();
    });
</script>