Jqueryのload()でボタン毎で同じ場所に読む込むファイルを変える

aタグに読み込みたいファイルのパスをhrefに書き、classにloadとする

　　<a href="http://.../a/index.html" class="load">aのページを表示</a>
　　<a href="http://.../b/index.html" class="load">bのページを表示</a>
　　<a href="http://.../c/index.html" class="load">cのページを表示</a>

「　$(document).on('click', '.load',function(){　」とする事で動的に読み込んだ先のclass="load"も機能する

【実証】
「$(.load).click(function(){」は × =　読み込んだ先のclass='load'が機能しない
「$(.load).live('click', function(){」は × =　他　JqueryUIのレイアウトが崩れる(謎)

$(document).on('click', '.load',function(){
	$( "#loading" ).show();
	$( "#center" ).load( $(this).attr('href'), function() {
	$("#loading").fadeOut(function() {
            $("#center").show();
         });
});
    return false;
});