.post .....can you remove an entry?

.post .....can you remove an entry?

  1. $(".AddBroken").click(function(){
  2.                     var id = $(this).attr("id");
  3.                     var html = "<div class=\"drug Broken\" id=\"" + id + "\"><p style='font-size: 16pt;'>1 Broken Vial/Amp <img src=\"Remove.png\" class=\"remDrug\" value=\"Remove\" /></p></div>";
  4.                     $("#b" + id).append(html);
  5.                 });               
  6.                
  7.                 $(".remDrug").live("click",function(){
  8.                     $(this).parent().remove();
  9.                 });
  10. $(".Broken").each(function(){
  11.                             var drugid = $(this).attr("id");
  12.                             var broken = 1;
  13.                             var me = $(this);
  14.                       $.post("reportusage_script.php",{type: 'Broken', drug: drugid, broken: broken}, function(data){
  15.                                 html += data;
  16.                                 me.remove();
  17.                                 $("#results").html(html);
  18.                             });               
  19.                         });   

SO this code allows a user to click on the page and it will add 1 vial broken each time. This is only snipits of the WHOLE code but this is the only problem.

and the problem it that id you try to remove one broken because you added too many. the post still captures the data.

is there a way to remove the data from the post when removing the html from the page?