添加新记录后更新购物车 - ajax

Question

在我的主页面中，我有一个记录列表。此列表第一次加载（来自数据库）。主页上有一个按钮，它打开一个新的弹出窗口，用户可以将新记录添加到数据库。现在，我想在用户点击弹出页面上的add new record时重新加载我的列表。

我的主页：

<div id="mydiv">

//my list

</div>

在主页上打开弹出窗口：

 <li><a  href="#product-quick-view-add-to-cart" onClick="quickView({{$o->id}});">add to cart<i class="fa fa-shopping-cart"></i></a></li>

   function quickView(id){

        $('#product-quick-view-add-to-cart').html("waiting...");
        $.post("{{base_url()}}cart/getPopUpContent", {id:id} , function(data){
            $('#product-quick-view-add-to-cart').html(data); //opened popup
        });
        }

//the `data` content on callback from ajax is a popup content that it has a button as `add new record`.

现在，如何在弹出页面上点击mydiv后从服务器重新加载add new record？