why isn't the appended row's data displayed after being submitted?
<p>this is my php code(1st page):</p>

<pre><code>        &lt;table width="600px" id="project"&gt;
            &lt;tr&gt;
                &lt;td&gt;1&lt;/td&gt;
                &lt;td&gt;&lt;textarea name="pro_1" cols="100" rows="2"&gt;&lt;/textarea&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;2&lt;/td&gt;
                &lt;td&gt;&lt;textarea name="pro_2" cols="100" rows="2"&gt;&lt;/textarea&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;3&lt;/td&gt;
                &lt;td&gt;&lt;textarea name="pro_3" cols="100" rows="2"&gt;&lt;/textarea&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;input id="addbtn" type="button" name="addbtn" value="ADD"&gt;
</code></pre>

<p>incorporated with javascript for append the row when button is clicked:</p>

<pre><code>$("#addbtn").click(function(){
    var num=parseInt($("#project tr:last").text());
        num+=1;
            $("#project").append("&lt;tr&gt;&lt;td&gt;"+num+"&lt;/td&gt;&lt;td&gt;&lt;textarea name='pro_"+num+"' cols='100' rows='2'&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt;");
                });
</code></pre>

<p>The 2nd page is the important page where all data from 1st page display on it:</p>

<pre><code>&lt;table width="600px" id="project"&gt;
            &lt;tr&gt;
                &lt;td&gt;1&lt;/td&gt;
                &lt;td&gt;&lt;?php echo $_POST["pro_1"]; ?&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;2&lt;/td&gt;
                &lt;td&gt;&lt;?php echo $_POST["pro_2"]; ?&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;3&lt;/td&gt;
                &lt;td&gt;&lt;?php echo $_POST["pro_3"];?&gt;&lt;/td&gt;
            &lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>My problem is that the data of appended row didn't show on 2nd page.How to make it?</p>
