Question

–UPDATED–

I want to empty message in a textarea in callback.

Can anyone tell me how to empty it please?

I tried $("#message").empty(), but it does not empty it.

 <form method="post" id="form" action="index.php/admin/messages/insertShoutBox">        
    <input name="user" id="nick" value="admin" type="hidden">
    <p class="messagelabel"><label class="messagelabel">Message</label>
    <textarea id="message" name="message" rows="2" cols="40"></textarea>
    <input disabled="disabled" id="send" value="Sending..." type="submit"></p>          
</form>

Full 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;
});

Answer 1

$('#message').val('');

Explanation (from @BalusC):

textarea is an input element with a value. You actually want to “empty” the value. So as for every other input element (input, select, textarea) you need to use element.val('');.

Also see docs