使用Jquery在一个jsp页面的一个div中异步加载子页面的问题

Question

请先看代码：
A页面的代码:

ad.js文件代码:
$(function(){
alert("A页面");
$("#a").click(function(){
alert(加载B页面);
$.load("B.jsp");
});
$("#b").click(function(){
alert("点我有反映");
});
});

B页面的代码：

我是B页面

问题1：进入A页面的时候执行了alert("A页面")（这是正常的）; 然后第一次点击 A页面的按钮，执行了一次｛alert("A页面");alert(加载B页面);｝，B页面显示成功，B页面的按钮也能点。然后第二次点击A页面的按钮，｛alert("A页面");alert(加载B页面);｝连续执行了2次，B页面也加载了。第三次点击A页面的按钮，｛alert("A页面");alert(加载B页面);｝执行了4次，。。。往后B页面的加载就会越来越慢。感觉好像点击事件在不断的累积一样。求解？
问题2：我针对上面的问题，我把B页面的JS加载给去掉，或者把B页面的按钮点击事件响应写到另一个JS文件中去。这样的话我在B页面的按钮就点不动了，
我的目的是点击A页面的按钮，能加载B页面进来（不刷新A页面），同时B页面的按钮也同样可以执行点击事件（但是不要出现问题1的现象）。
真心求解 啊

Answer 1

1.A.html
[code="java"]]

<br>
<br>

[/code]

2.ab.js
[code="java"]
$(document).ready(function(){
alert("A页面");
$("#a").click(function() {
alert('加载B页面');
$('#cont').load("B.html");
});

});
[/code]

3.B.html
[code="java"]

this is b

$("#b").click(function() { alert("123"); });

[/code]

不过不知道为什么,加载进来的B中,如果有中文会是乱码,