Why it does't work when I click the delete button?
<p>Here is the first part of my project:</p>

<pre><code>&lt;div id="div_water" style="display: none" align="center"&gt;  
    &lt;table width="100%" border="0" id="printTbl" align="center" cellpadding="5" cellspacing="1" class="table"&gt;
        &lt;tr class="TR_BG_list" id="printsizescroll" style="display:none"&gt;
            &lt;td align="right" class="list_link" style="width: 214px"&gt;
            Resize the pictrue：
            &lt;/td&gt;
            &lt;td align="left" class="list_link"&gt;
                Description:
            &lt;asp:TextBox ID="PrintSizeDec" runat="server" CssClass="form"  style="width: 106px"/&gt;
             width|height:
            &lt;asp:TextBox ID="PrintSmallSize" runat="server" CssClass="form"  style="width: 50px"/&gt;
    &amp;nbsp;
            &lt;label&gt;
                 &lt;input type="button" name="PintSizeAddClick" value="Add" class="form" id="ButtonAdd" style="width: 44px" onclick="createInputTexts(this)" /&gt;
            &lt;/label&gt;
           &lt;span class="helpstyle" style="cursor: help;" title="Click to get some help" onclick="Help('H_WaterParam_0008',this)"&gt;Help&lt;/span&gt;
        &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr class="TR_BG_list"&gt;
    &lt;td align="center" colspan="2" class="list_link"&gt;
        &lt;label&gt;
        &lt;input type="submit" name="Savewater" value=" Submit " class="form" id="Savewater" runat="server" onserverclick="Savewater_ServerClick" /&gt;
        &lt;/label&gt;
    &amp;nbsp;&amp;nbsp;
            &lt;label&gt;
        &lt;input type="reset" name="Clearwater" value=" Reset " class="form" id="Clearwater" runat="server" /&gt;
        &lt;/label&gt;
    &lt;/td&gt;
    &lt;/tr&gt;
    &lt;/table&gt;
&lt;/div&gt;
</code></pre>

<p>The second: the event handler of the button:</p>

<pre><code>function createInputTexts() {

    var trOrigin = $("#printsizescroll");
    var trClone = trOrigin.clone(true);
    var target = $("#printTbl tr:last-child").prev();
    trClone.find(":button").val("Delete").bind("click", function () {
        $(this).parent().parent().parent().remove();
    });
    trClone.css('display', '');
    // Here you can also set new ID.
    target.after(trClone);
}
</code></pre>

<p>When I click the delete button, it doesn't work, why did it act in that way?
I have try to do it by replace the bind() method by click() which is the shotcut of the bind() method,but I am sorry to find that it still failed.</p>
