title: JqueryUI Spinner issue
body: <p>Hi i am having problems inserting spinner from jquery UI. 
  below is my code, can someone help me, i would be grateful. I cant get it to appear just makes all my work disappear :S</p>
  
  <pre><code>        &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
  
  
          //This creates a spinner for each of the weighting boxes for the user to have an easier way of selecting their desired values
            $(function() {
              var spinner = $( "x" ).spinner({
                  min:0});
              var spinner = $( "y" ).spinner({
                  min:0});
              var spinner = $( "z" ).spinner({
                  min:0});
              });     
  
          $(document).ready(function()  
          {
              var x ='x';
              var y = 'y';
              var z = 'z';
              // user variables declared
  
              $('&lt;tr&gt;&lt;td&gt;'+x+'&lt;/td&gt;' +
                    '&lt;td&gt;&lt;input id="'+x+'" class="textbox" type="text" id = "x" value="1" /&gt;'+ // text boxes for each variable created
                    '&lt;/td&gt;&lt;/tr&gt;').appendTo('#menu');
  
               $('&lt;tr&gt;&lt;td&gt;'+y+'&lt;/td&gt;'+
                    '&lt;td&gt;&lt;input id="'+y+'" class="textbox" type="text" id = "y" value="1" /&gt;'+
                    '&lt;/td&gt;&lt;/tr&gt;').appendTo('#menu');
  
               $('&lt;tr&gt;&lt;td&gt;'+z+'&lt;/td&gt;'+
                    '&lt;td&gt;&lt;input id="'+z+'" class="textbox" type="text" id = "z" value="1" /&gt;'+
                    '&lt;/td&gt;&lt;/tr&gt;').appendTo('#menu');
  </code></pre>