Response from .ajax method is replacing previous contents always when btton is clicked
<p><strong>html code</strong></p>

<pre><code> &lt;table border="0"  class="commentbox"&gt;
    &lt;tr&gt;
      &lt;td&gt;Some Item text
      &lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr&gt;
     &lt;td&gt;
          &lt;div id="&lt;%:containerid %&gt;"&gt;&lt;/div&gt;
          &lt;input type="button" class='btnReply' id="&lt;%:rid %&gt;" value="Reply"/&gt;

     &lt;/td&gt;
   &lt;/tr&gt;
 &lt;tr&gt;
   &lt;td&gt;
      &lt;div id="replytopost"&gt;
     &lt;/div&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p><strong>jquery code</strong></p>

<pre><code>   $(document).ready(function () {
    $(".commentbox .btnSave").live("click", function () {
        alert("hii");
        var itemId = $(this).attr("id").split("-")[1]
        var txt = $(this).parent().find(".txtCmnt").val();
        alert(itemId + txt);
        $.post("Handler/Topic.ashx", { reply: txt, id: itemId }, function (data) {
            alert(data);
            $("#replytopost").html(data);
            //do whatever with the response
        })
    });
});
</code></pre>

<p>Whenever I click dynamically created button with class .btnSave ,response is printed but If I click second time reponse get replaced with new value.
When I click second time response must not oveeride.Every time response must come in new div .
How to do this.</p>
