obtener valor de jQuery UI buttonset

[mayid]

Estoy usando jquery ui buttonset para darle estilo a los radio buttons. Es esto:
http://jqueryui.com/demos/button/#radio

Por alguna razón, el plugin no cambia el estado de los radio buttons cuando se clickea sobre uno de ellos. Y no encuentro manera de obtener el estado actual a la hora de enviar el formulario por ajax.

Este el el codigo:

Código HTML:

...
<tr>
                                <td class="label"><div>Pop Ups:</div></td>
                                <td class="iphone-radio">
                                    <input type="radio" id="radio1" name="popups" val="on" /><label for="radio1">ON</label>
                                    <input type="radio" id="radio2" name="popups" checked="checked> val="off" /><label for="radio2">OFF</label>
                                </td>
                            </tr>
                            <tr>
                                <td class="label"><div>Notificaciones:</div></td>
                                <td class="iphone-radio">
                                    <input type="radio" id="radio3" name="notifications" val="on" /><label for="radio3">ON</label>
                                    <input type="radio" id="radio4" name="notifications" val="off" checked="checked" /><label for="radio4">OFF</label>
                                </td>
                            </tr>
...
 

Código Javascript:

j( "#preferences .iphone-radio" ).buttonset();
 

La documentacion del buttonset no dice como obtener el valor actual!! Y no encuentro en internet nada util.

En fin, una vez inicializados mis grupos de radio button, aquellos que tienen el atributo "checked" por default nunca lo pierden, y a los demas nunca se les adjudica.

Alguna pista?