ajaxStart事件无效原因及不同页面显示相同加载弹窗

想用ajaxStart来触发一个弹窗来显示ajax加载慢时加载的loading图标，然后这么写

<div id="loading" >加载中</div>

	$(document).ready(function ()
	{

		$("#loading").ajaxStart(function ()
		{
			console.log(1)
			$(this).show();
		}).ajaxStop(function ()
		{//ajaxStop改为ajaxComplete也是一样的
			$(this).hide();
			console.log(2)
		});
	});

怎么也没起作用，通过jQuery 1.9+ ajaxStart事件无效，无法被触发的原因才知道在jq1.9以上版本就得写成

	$(document).ready(function ()
	{
		$(document).ajaxStart(function () //"#loading"改为document,针对全局文档
		{			
			$("#loading").show();//this 改为弹窗节点
		}).ajaxStop(function ()
		{//ajaxStop改为ajaxComplete也是一样的
			$("#loading").hide();			
		});
	
	});

但是这种页面的加载只能针对当页面来显示，要想全部网页加载都要有这个loadding页，那只能用js进行dom节点生成

	var html = $('<div id="loading" >加载中</div>');
	$(document).ajaxStart(function ()
	{		
		$("body").append(html);
	}).ajaxStop(function ()
	{//ajaxStop改为ajaxComplete也是一样的
		html.remove();		
	});