(function($) { 
	$().ajaxStart(function() { // Learning jQuery pg. 129
		$('#jquerydebug').append('<div class="ajaxfunction">AjaxStart</div>');
	});

	$().ajaxSend(function(myEvent, request, settings) {
		$('#jquerydebug').append('<div class="ajaxfunction">' + myEvent.type+'</div>');
		$('#jquerydebug').append('<strong>readyState:</strong>'+request.readyState+'<br />');
		$('#jquerydebug').append('<strong>multipart:</strong>'+request.multipart+'<br />');
		$('#jquerydebug').append('<strong>type:</strong>'+settings.type+'<br />');
		$('#jquerydebug').append('<strong>url:</strong>'+settings.url+'<br />');
	});

	$().ajaxSuccess(function(myEvent, request, settings) {
		$('#jquerydebug').append('<div class="ajaxfunction">' + myEvent.type+'</div>');
		$('#jquerydebug').append('<strong>readyState:</strong>'+request.readyState+'<br />');
		$('#jquerydebug').append('<strong>status:</strong>'+request.status+'<br />');
		// The following produced too much output when I made a $.getJSON call:
		// $('#jquerydebug').append('<strong>responseText:</strong>'+request.responseText+'<br />');
		$('#jquerydebug').append('<strong>type:</strong>'+settings.type+'<br />');
		$('#jquerydebug').append('<strong>url:</strong>'+settings.url+'<br />');
	});
	$().ajaxComplete(function(myEvent, request, settings) {
		$('#jquerydebug').append('<div class="ajaxfunction">' + myEvent.type+'</div>');
		$('#jquerydebug').append('<strong>readyState:</strong>'+request.readyState+'<br />');
		$('#jquerydebug').append('<strong>multipart:</strong>'+request.multipart+'<br />');
		$('#jquerydebug').append('<strong>status:</strong>'+request.status+'<br />');
		$('#jquerydebug').append('<strong>type:</strong>'+settings.type+'<br />');
		$('#jquerydebug').append('<strong>url:</strong>'+settings.url+'<br />');
	});

	$().ajaxStop(function() {
		$('#jquerydebug').append('<div class="ajaxfunction">AjaxStop</div>');
	});

	$().ajaxError(function(myEvent, request, settings, thrownError) {
		$('#jquerydebug').append('<div class="ajaxerror">' + myEvent.type+'</div>');
		$('#jquerydebug').append('<strong>readyState:</strong>'+request.readyState+'<br />');
		$('#jquerydebug').append('<strong>multipart:</strong>'+request.multipart+'<br />');
		$('#jquerydebug').append('<strong>status:</strong>'+request.status+'<br />');
		$('#jquerydebug').append('<strong>type:</strong>'+settings.type+'<br />');
		$('#jquerydebug').append('<strong>url:</strong>'+settings.url+'<br />');
	});
})(jQuery);

