Question

    $('.chat').submit(function() {
        $.post("", $(this).serialize(), function(response) {
            $(this).closest('.stake_chat').prepend(???);
        });

        return false;
    });

Where ??? is I would like to output the chat message, the name=”chat_message” field in the form.

The post serializes the forms data and pass it to the same site; I need the data of name=”chat_message” to prepend in the .stake_chat class.

Answer 1

Inside the AJAX success callback this is not what you think it is. It is not the form. It represents the xhr object. You could capture the form in a closure if you want to use it inside the callback:

$('.chat').submit(function() {
    var $form = $(this);
    $.post('', $form.serialize(), function(response) {
        $form.closest('.stake_chat').prepend(response);
    });

    return false;
});

or use the context parameter with $.ajax:

$('.chat').submit(function() {
    var $form = $(this);
    $.ajax({
        url: '',
        type: 'POST',
        data: $form.serialize(), 
        context: $form,
        success: function(response) {
            this.closest('.stake_chat').prepend(response);
        }
    });

    return false;
});

And to get the input that’s inside the form with a given name you could use the following selector:

$('input[name="chat_message"]', $form)