How Do I Add Input Fields (textbox) To A Table Dynamically Created With JQuery

I have been playing with Javascript to find out how i can dynamically create textboxes and a dynamic table. I figured out how to create the textboxes and the table, but i dont know

Solution 1:

This will work: http://jsfiddle.net/RrhT9/

Also, you could have added content to the cell your way, but you'd have to replace .text("<input.../>") with .html("<input.../>)

Solution 2:

You can do the following:

var cellText = "<input type="text" id=\"MCQ_"+i+"__choice_number\" name=\"MCQ["+i+"].choice_wording\"/>";

And then change accordingly for each of the input boxes you're creating.