无法删除多个购物车项目

我开发了一个购物网站，在那里我使用ajax处理添加到购物车和从购物车中删除。添加到购物车工作正常，但从购物车中删除会产生一个奇怪的问题。我只能从中删除一条记录，如果我想删除更多，我需要手动刷新页面，然后我只能再删除一条。这太奇怪了，我找不到错误在哪里。

这是代码：

jQuery('.remove').click(function(data) {
    var pi = jQuery(this).attr('name');
        var y = jQuery(this).attr('name');
    $.ajax({
                url: "delcart.php?pid="+pi+"&data="+y,
                type: 'GET',
                success: function(s){
                    var $container = $("#content");
      //  $container.refresh("index.php");
$("#content").load(location.href + " #content");
$("#success2").show().fadeOut(6000);
                },
                error: function(e){
                    alert('Error Processing your Request!!');
                }
            });
});

HTML按钮。

<button name="<?php echo $ca['ID'];?>" class="remove close_product color_dark tr_hover">x</button>

该按钮位于while循环中，每个时间名称属性由数据库cart表的唯一ID组成。

这是delcart.hp:

<?php
include_once "config.php";
$id = $_GET['pid'];
$ip = $_SERVER['REMOTE_ADDR'];
$de = mysqli_query($con,"DELETE from cart where ID='{$id}' and ip='{$ip}'");
?>

有人能告诉我我错过了什么，或者bug在哪里吗？这将是一个巨大的帮助。提前谢谢。