Buttons not getting displayed

Buttons not getting displayed

Hello, I'm pretty new to javascript and jquery/jqueryUI but of course trying to learn. In my project i'm adding some buttons that I want to display with the aid of jQueryUI, but unluckily even if to me what I did pretty resembles what's in the radio buttons demo, it still won't work at all.
First of all, I of course added the css both for my page and jqueryUI:
  1. <link rel="stylesheet" type="text/css" href="css/webgeocss2.css">
  2. <link rel="stylesheet" type="text/css" href="css/blitzer/jquery-ui-1.8.11.custom.css">
Here's the html code, sorry if it's not idented but it's dinamically injected into the page (which actually is a jsp):
  1. <div id="controlpanel"><div class="QueryControls" id="Temporal">
  2. <form><div id="querytype">Choose a request type:<input type="radio" name="radio1" id="singlequeryradio" checked="checked"><label for="singlequeryradio">Query</label>
  3. <input type="radio" name="radio1" id="animationradio"><label for="animationradio">Animation</label>
  4. </div></form></div></div>
Finally, here's the javascript code:
  1. <script type="text/javascript" >
  2. $(document).ready(function(){
  3. $("#querytype").buttonset()
  4. });
  5. </script>
In the browser (chrome and firefox tested), my buttons are simple html radio buttons. Can someone point me to what I'm doing wrong?