How to add something into a new row
<p>What is suppose to happen is that the user types in their question and and select their answers and when they click on the "Add Question" button, then it will add the questions and answer.</p>

<p>Problem is that I can add an answer (you can test this in this fiddle, click <a href="http://jsfiddle.net/YTh5Y/1/" rel="nofollow">here</a>, the function to add the answer to a new table row is at the bottom where <code>function insertQuestion(form) function</code> is.
Example of selecting an answer: open grid and select button "4", type in 1 in number of answers textbox and select button "B", then click on "Add Question" button.  )</p>

<p>But when include this code in the <code>function insertQuestion(form) function</code> to try and add the question:</p>

<pre><code>$('#question').each( function() {

    var $this = $(this);
    var $questionText = $("&lt;textarea&gt;&lt;/textarea&gt;").attr('name',$this.attr('name'))
               .attr('value',$this.attr('value'))
    $question.append($questionText);    

});
</code></pre>

<p>It would not add a row at all. It states <code>$("&lt;textarea&gt;&lt;/textarea&gt;").attr('name',$this.attr('name'))</code> is undefined in the console.</p>

<p>How can I get it so that it would add a question from the textarea into the row in another textarea?</p>

<p>My current code which is not working is in this jsFiddle, click <a href="http://jsfiddle.net/YTh5Y/3/" rel="nofollow">here</a>, the function which add rows is near bottom of javascript section.</p>
