jquery - JqueryUI Spinner issue -

hi having problems inserting spinner jquery ui. below code, can me, grateful. cant appear makes work disappear :s

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>     <script type="text/javascript">           //this creates spinner each of weighting boxes user have easier way of selecting 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              $('<tr><td>'+x+'</td>' +                   '<td><input id="'+x+'" class="textbox" type="text" id = "x" value="1" />'+ // text boxes each variable created                   '</td></tr>').appendto('#menu');               $('<tr><td>'+y+'</td>'+                   '<td><input id="'+y+'" class="textbox" type="text" id = "y" value="1" />'+                   '</td></tr>').appendto('#menu');               $('<tr><td>'+z+'</td>'+                   '<td><input id="'+z+'" class="textbox" type="text" id = "z" value="1" />'+                   '</td></tr>').appendto('#menu'); 

there many errors post comment here (be aware don't know whole code/html markup looks errors aren't real errors perhaps)

first of there no jquery ui script tag in code. guess case code example , not whole code. if not:

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>  

in $(function() { }); creates spinner each weighting box. declare , overwrite 1 variable ( var spinner) 3 times. not necesarry use variables it. anyway:

$(document).ready(function() {     var spinnerone = $( "#x" ).spinner({         min:0});     var spinnertwo = $( "#y" ).spinner({         min:0});     var spinnerthree = $( "#z" ).spinner({          min:0});      //alternative without using variables:     $('#x').spinner({ min: 0 }); });    

i changed selectors e.g. $( "z" ) $( "#z" ) because want init spinners on <inputs>s specified id.

$('#element') selector element id "element" (usually one)

$('.element'). selector elements class "element" (if more 1 class exists selected)

this in css select class of elements dot . , id hash #

because named id topic. of input fields have two ids id unique identifier. (perhaps there in sample code show tried)

you need correct them this

<input class="textbox" type="text" id="x" value="1" /> 

in fact there's no need connecting + because try append html (except '<tr><td>'+x+'</td>')

it's redundant write spinners in seperate function. $(function () { });and $(document).ready(function () { });are same purpose. see stackoverflow thread more information. can't work initialize spinners before creating elements spinners should created. i'm not sure why create elements in $(document).ready() because in html template.

i'd recommend create jsfiddle. provides more accurate view of problem have resp. current progress is. helpful describe problem , doesn't work in context.

here working example of markup in modified way. please sure know do.