JQuery动态添加和删除元素不起作用

Question

我在JQuery中有这个：

$(function() {

$(".dup").on("click", function(e) {


    var panel = $(this).closest(".panel");


    var tab = $(this).closest("tr").find("a.collapsed").text();
    var cc = 0;
    $(".panel").each(function() {
        var text = $(this).find("a.collapsed").text();
        if (text === tab)
            cc++;
    });

    if (cc < 4)
        $(panel).clone().insertAfter(panel);
    e.preventDefault();

});
$(".rem").on("click", function(e) {
    e.preventDefault();

    if ($(".panel").length > 1)
        $(this).closest(".panel").remove();
});
});

我有两个链接，如果你点击它们添加和删除一个有一些限制的元素。好的，这个功能部分是因为点击时添加了dinamically的元素，当按下添加或删除功能的链接时！页面重新加载并返回初始状态！

所以问题是元素添加dinamically与click事件解除绑定！我已经看到其他问题，建议使用.on而不是.click，但两者的结果是相同的。你能救我吗？