JQuery UI - buttonset

Hola chicos/as,

Tengo el siguiente código en un archivo html:

Código HTML :

<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>

y el siguiente código JQuery:

Código Javascript :

$("#radio").buttonset();

Según la documentación de Jquery UI debería verse de la siguiente manera:


Porqué se me ve a mi así? (no me refiero al Tema -colores y tal-):


Si alguient tiene idea de porqué puede ser le agradecería mucho que compartiera su conocimiento con todos los demás

Gracias,
BCNbox.

primero debes establecer los radiobutton como botones antes de invocar a buttonset
osea debes de poner asi

Código Javascript :

$("input","#radio").button();
$("#radio").buttonset();

Con eso te funcionará perfecto.

COPY, PASTE, PLAY AND ENJOY

Código :

$('#radio').find('input:checkbox').button().end().buttonset();