jQuery callback not being called

Question

I'm using the .post AJAX method of jQuery:

// completion toggling
$('.item input').click(function() {
    $.post('complete.php', {item: this.id}, function() {
        $(this).parent().fadeOut('slow');
    });
});

What am I doing wrong here? The AJAX works as the record is updated but the callback event never happens. No errors in Firebug either.

Answer 1

I wonder if it isn't a different "this" at that point. Try using a capture:

$('.item input').click(function() {
    var tmp = this;
    $.post('complete.php', {item: this.id}, function() {
        $(tmp).parent().fadeOut('slow');
    });
});