php - .loaddata を使用した後に関数をトリガーする方法

Question

.loaddata 関数がロードされたボタンで jquery 関数を実行できないのはなぜだろうと思っています。

<div id="products"></div>

<script>
$(document).ready(function(event) {
    loadData(1,'default');
});

function loadData(page,type){
    var base = '<?php echo $sr_class->baseURL();?>';
    $.ajax
    ({
        type: "GET",
        url: base+"includes/module/loadProduct.php",
        data: {page:page,type:type},
        success: function(msg)
        {
            console.info(msg);
            $("#products").html(msg);
        }
    });
}
$('.addcart').click(function(e){
    e.preventDefault();
    var proid = $(this).attr('proid');
    var base = '<?php echo $sr_class->baseURL();?>';
    $.post(base+'includes/module/addtocart.php',{p_id:proid, p_qty:1},function(result){
        location.reload();
    })
});

</script>

loadData 関数から返される 'msg' は次のとおりです。

<p><a proid="ABCD1001" class="btn btn-success addcart" role="button"> ABCD1001</a></p>

ボタンをクリックしても、機能が実行されませんでした。