jQuery prepending and fading in content does not work
<p>So I have an ajax form submission system, and I want to prepend the submitted form directly into the HTML when a successful status response is given. Right now I have,</p>

<pre><code>$(".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 = '&lt;div class="post"&gt; &lt;b&gt;${name}&lt;/b&gt; &lt;/div&gt; \n &lt;p&gt;' + postcontent + '&lt;/p&gt; \n';
            $(htmlpost).hide().prependTo(".posts-content").fadeIn("slow");
         },
         error: function(jqXHR, textStatus, errorThrown){
            alert("Unexpected internal server error. Please try again later.");
         }
    });
});
</code></pre>

<p>But when I submit a form and get a status 200 back from the server, it doesn't do anything, and the form remains disabled.</p>
