How to control 'loading...' process in Ajax request

ajaxSetupForLoadingImage.js

$(document).ready(function () {

/*************** FIRST EXAMPLE *********************/
$.ajaxSetup({
	beforeSend: function() {
		$('#general-ajax-load').fadeIn();
	},
	complete: function() {
		$('#general-ajax-load').fadeOut();
	},
	success: function() {
		$('#general-ajax-load').fadeOut();
	},
        error: function(message) {
                alert(message);
        }
});


/***************** SECOND EXAMPLE **********************/
$('#loading')
    .hide()
    .ajaxStart(function() {
        $(this).show();
    })
    .ajaxStop(function() {
        $(this).hide();
    });

/*** Using jQuery for Ajax loading indicator ***/
$(".loadingIndicator").ajaxStart(function() {
    $(this).fadeIn();
}).ajaxComplete(function() {
    $(this).fadeOut();
});


/*** jQuery Pocket Reference ***/
$("#loading_animation").bind({
    ajaxStart: function() { $(this).show(); },
    ajaxStop: function() { $(this).hide(); }
});


}); // end ready function