Jquery点击问题

Question

我有一个关于jQuery click事件的问题。遵循以下代码;点击“contactlist li a”指定的项目附加到“emaillist”作为副本。什么可能导致它？当我通过firebug检查代码时，$（document）.on（“click”，“。contactta li a”，function（） {}）;块工作两次。

$.getJSON("@Url.Action("GetMailList", "Home")", {}, function (data) {
    $.each(data, function (i, v) {
        $(".contactlist").append("<li><a tabindex='-1' href='javascript:'>" + v.Firstname + " " + v.Lastname + " - " + v.Title + " / " + v.Department + "</a></li>");
    });
});

$(document).on("click", ".contactlist li a", function () {
    $(".emaillist").Append("<li data-value='" + $(this).attr("data-value") + "'><i class='icon-user'></i>&nbsp;" + $(this).text() + "&nbsp;<a href='javascript:'>Delete</a></li>");
});

$(document).on("click", ".emaillist li a", function () {
    var i = $(".emaillist li a").index(this);
    $(".emaillist li").eq(i).remove();
});