jQuery前置和淡入内容不起作用

Question

所以我有一个ajax表单提交系统，我希望在给出成功的状态响应时将提交的表单直接添加到HTML中。现在我有，

$(".post-submit").click(function(){
    var postcontent = $(".post-form").val();

    if (postcontent == ""){
        return false;
    }

    $(".post-form").attr("disabled", "disabled");

    $.ajax({
        url: "/post",
        type: "POST",
        dataType: "json",                    
        data: {"post-form":postcontent},
        success: function(response, textStatus, jqXHR) {
            var htmlpost = '<div class="post"> <b>${name}</b> </div> \n <p>' + postcontent + '</p> \n';
            $(htmlpost).hide().prependTo(".posts-content").fadeIn("slow");
         },
         error: function(jqXHR, textStatus, errorThrown){
            alert("Unexpected internal server error. Please try again later.");
         }
    });
});

但是当我提交表单并从服务器返回状态200时，它没有做任何事情，表单仍然被禁用。