How to empty the message in a text area with jquery?
<p>--UPDATED--</p>

<p>I want to empty message in a textarea in callback.</p>

<p>Can anyone tell me how to empty it please?</p>

<p>I tried $("#message").empty(), but it does not empty it.</p>

<p>Thanks in advance.</p>

<pre><code> &lt;form method="post" id="form" action="index.php/admin/messages/insertShoutBox"&gt;

    &lt;input name="user" id="nick" value="admin" type="hidden"&gt;
    &lt;p class="messagelabel"&gt;&lt;label class="messagelabel"&gt;Message&lt;/label&gt;
    &lt;textarea id="message" name="message" rows="2" cols="40"&gt;&lt;/textarea&gt;
    &lt;input disabled="disabled" id="send" value="Sending..." type="submit"&gt;&lt;/p&gt;

&lt;/form&gt;
</code></pre>

<p>Full code</p>

<pre><code> $("#form").submit(function(){
    if(checkForm()){
        var nick = inputUser.attr("value");
        var message = inputMessage.attr("value");
        //we deactivate submit button while sending
        $("#send").attr({ disabled:true, value:"Sending..." });
        $("#send").blur();
        //send the post to shoutbox.php
        $.ajax({
            type: "POST", 
            url: "index.php/admin/dashboard/insertShoutBox", 
            data: $('#form').serialize(),
            complete: function(data){
                messageList.html(data.responseText);
                updateShoutbox();
                 $('#message').val('').empty();
                //reactivate the send button
                $("#send").attr({ disabled:false, value:"SUBMIT !" });
            }
         });
    }
    else alert("Please fill all fields!");
    //we prevent the refresh of the page after submitting the form
    return false;
});
</code></pre>
