How to clone a table with input and text areas?
<p>The code given below shows whenever a new button is clicked this code gets executed and the first row of .table_product_list table gets cloned but it only increases the input box's id and name </p>

<p>how to tweak this code to add text areas? </p>

<pre><code>   var i=1;
    $(".table_product_list tr:first").clone().find("input").each(function() {
        $(this).attr({
         'id': function(_, id) { return id + i },
         'name': function(_, name) { return name + i },
         'value': ''               
        });
    }).end().appendTo(".table_product_list");
    i++;
</code></pre>
