jQueryUI radio buttons

jQueryUI radio buttons

New to jquery, and been trying to figure out how to turn my boring old radio buttons into the type shown on the right side of the themes page.


Here's my code:


  1. <html>
  2. <head>

  3. <link type="text/css" href="css/ui-lightness/jquerycss.css" rel="Stylesheet" />
  4. <script language="javascript" type="text/javascript" src="js/shiftzoom.js"></script>
  5. <script type="text/javascript" src="js/jqueryui.js"></script>
  6. <script type="text/javascript" src="js/jquery.js"></script>
  7. <script type="text/javascript"></script>

  8. <script type="text/javascript">
  9. $('#seat').buttonset();
  10. </script>

  11. </head>
  12. <body>

  13. <div id="seat"> 
  14. <input type="radio" id="standardseat" name="seat" checked="checked" /><label for="radio1">Standard</label> 
  15. <input type="radio" id="wheelchairseat" name="seat" /><label for="radio2">Wheelchair</label> 
  16. </div> 

  17. </body>

  18. </html>


No matter what I do, it doesn't seem to work. Any ideas?

Thanks!