jQuery - 点击事件不工作firefox

Question

以下代码在Chrome＆amp; Safari但无法在Firefox中使用。

$(".contact-link").click(function() {
    event.preventDefault();
    $(".project").remove();
    $("#main").removeClass("main-bg");  
    if($(".contact").length === 0) {
        $("#main").append(
            "<div class=\"col-xs-12 contact\"><div id=\"contact-field\"><a href=\"mailto:xxxx@gmail.com\">xxxx@gmail.com</a><p>+xx xxx xx xx</p></div></div>"
        )
    };
});

单击链接后，它应该从项目类中删除html元素，它应该从#main中删除main-bg类，然后将一些html附加到#main。

非常简单，但无法弄清楚为什么它不适用于Firefox。

非常感谢。