How to get the value of textarea that is dynamically created? jQuery
<p>I basically am creating textarea's when the user clicks a button. I need to be able to access the values within the textarea and push them to an array, and then convert this array to a string.</p>

<p>My problem is that the textarea values are 'undefined' even if they contain text.</p>

<pre><code>&lt;button id="addquestion"&gt;Add Q And A&lt;/button&gt;

&lt;div id="qandacontainer"&gt;
&lt;/div&gt;


&lt;button id="formatcss"&gt;Format CSS&lt;/button&gt;

$('#addquestion').click(function() {
    $('#qandacontainer').append("&lt;div class='q_and_a'&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt;&lt;/br&gt;&lt;textarea id='question_ta'&gt;&lt;/textarea&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt;&lt;/br&gt;&lt;textarea id='answer_ta'&gt;&lt;/textarea&gt;&lt;/p&gt;&lt;button id='remove_qa'&gt;Remove&lt;/button&gt;&lt;/div&gt;");                
});

$('#remove_qa').live('click', function() {                             
     $(this).parent().remove(); 
});

var qanda_list = [];
$('button#formatcss').click(function () {

    $('.q_and_a').each(function() {

        var _this = $(this);
        //Issue is that I cannot get the values within the textareas :(
        qanda_list.push(_this.children("textarea#question_ta").val());
        qanda_list.push(_this.children("textarea#remove_qa").val());

    });
</code></pre>

<p>Any advice or help is really appreciated!</p>
