ajaxStop not being bubbled to 'body' element

[tamlyn]

This code works fine

$('#content').ajaxStart(function(){
	$(this).addClass('loading');
}).ajaxStop(function(){
	$(this).removeClass('loading');
});

but this doesn't:

$('body').ajaxStart(function(){
	$(this).addClass('loading');
}).ajaxStop(function(){
	$(this).removeClass('loading');
});

When attaching the event listeners to the body element it seems ajaxStop is not being triggered because the 'loading' class is not removed.

This, on the other hand, works fine:

$('#content').ajaxStart(function(){
	$('body').addClass('loading');
}).ajaxStop(function(){
	$('body').removeClass('loading');
});

[flesler]

It works for me. Are you doing this inside a document.ready ?

[flesler]

Can you make a test case to reproduce the problem ?

[flesler]

By the way... bubbling is not related to this at all.

[tamlyn]

Hmmm, made a test case and it worked - tested the original and that now works too! Sorry about that. Please close as invalid.