jQuery UI: as u meerdere knoppies gebruik (radioknoppies) vergeet hulle hul toestand

Ek kodeer 'n vorm met twee verskillende knoppies. Sodra daar op een van hulle geklik is, wys die ander nie dat dit langer is nie:

<script type="text/javascript">

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

</script>

<div id="language">
    <input type="radio" id="lang_de" name="mode" checked="checked" value="de" /><label for="lang_de">deutsch</label>
    <input type="radio" id="lang_en" name="mode" value="en" /><label for="lang_en">englisch</label>
</div>
<div id="mode">
    <input type="radio" id="mode1" name="mode" checked="checked" value="html" /><label for="mode1">Mail-Output</label>
    <input type="radio" id="mode2" name="mode" value="source" /><label for="mode2">Mail-Sourcecode</label>
</div>

As die ander een keer gekliek is, word dit nie meer gekontroleer nie .. Of ten minste word dit nie soos aangedui vertoon nie. Het iemand anders hierdie probleem raakgeloop?

Cheers