To append a text area in form with jQuery
<p>I am trying to append a text area in to the form. But the form is also appended first time. Lets look to my code.</p>

<pre><code>  jQuery('.addeducation-sym').click( function(){
    var tiny_mce = '&lt;textarea name="content"&gt;&lt;/textarea&gt;';
    jQuery('.extra-form').clone().appendTo('#edu-form');
    tiny_mce.appendTo('#edu-form .extra-form');
  });
</code></pre>

<p>In the above code when i click the '.addeducation-sym' botton i got the form name '.extra-form'. This was a clone of a html form like bellow.</p>

<pre><code>        &lt;div  class="extra-form"&gt;
            &lt;label for="education-info"&gt;Extra Educational Information&lt;/label&gt;
            &lt;input type="text" name="coursename" id="firstname" value="coursename" /&gt;
            &lt;input type="text" name="institutename" id="institutename" value="institutename" /&gt;
            &lt;input type="text" name="startdate" id="startdate" value="startdate" /&gt;
            &lt;input type="text" name="enddate" id="enddate" value="enddate" /&gt;
        &lt;/div&gt;      &lt;!-- clearfix --&gt;&lt;div class="clear"&gt;&lt;/div&gt;&lt;!-- /clearfix --&gt;
</code></pre>

<p>After that i want to append another html code which is stored in a variable called 'tiny_mce'. But i could not find any update in my code. So please let me know what is the way to append a '' to the "extra-form" after it is cloned.</p>
