Radio Buttons

Radio Buttons

Hi

I've got a problem with the radio button. I copied the code on the button page (Button ). But the radio Buttons looks just like normal radio buttons.

That's my code:

  1. <!DOCTYPE html>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
            <title>Radio Test</title>
            <link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />    
            <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
            <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
            <script type="text/javascript">
                $(function() {
                    $("#radio1").buttonset();
                });
            </script>


    <div class="demo">

        <form>
            <div id="radio1">
                <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>

    </div>

        </body>
    </html>






























Does anybody know the error?

Thanks very much

Regards
Simon