这是我的HTML代码，index.html。
<body>
<div id="container">
<div id="header">
<div class="menu_div">
<ul id="menu-bar">
<div id="menu_div">
<li><a href="#" id="#home">Home</a></li>
<li><a href="#" id="#men">Men</a></li>
<li><a href="#" id="#women">Women</a></li>
<li><a href="#" id="#cosmetics">Cosmetics</a></li>
<li><a href="#" id="#accessories">Accessories</a></li>
<li><a href="#" id="#services">Services</a></li>
<li><a href="#" id="#aboutus">About Us</a></li>
</div>
</ul>
</div>
</div>
<div id="control">
<p style="position:relative;">Lorem Ipsum...</p>
</div>
</div>
</body>
这是我的jQuery代码，用来改变外部div：
<script type="text/javascript">
$(document).ready(function(){
$('#aboutus').click(function () {
$('#control').load('AboutUs.html #controlAboutUs') ;
});
});
</script>
这是我的外部HTML文件，关于我们的内容。
<html>
<head>
<title>About us</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="controlAboutUs">
<div>
<h3>Welcome From Ivory's Collection</h3>
<p>
We export Clothes,Accessories and Branded cosmetics from Japan Directly. We are fully guranteed for quality and designs.We export Clothes,Accessories and Branded cosmetics from Japan Directly. We are fully guranteed for quality and designs.We export Clothes,Accessories and Branded cosmetics from Japan Directly. We are fully guranteed for quality and designs.We export Clothes,Accessories and Branded cosmetics from Japan Directly. We are fully guranteed for quality and designs.We export Clothes,Accessories and Branded cosmetics from Japan Directly. We are fully guranteed for quality and designs.We export Clothes,Accessories and Branded cosmetics from Japan Directly. We are fully guranteed for quality and designs.
</p>
</div>
</div>
</body>
</html>
我尝试使用简单的代码进行操作，它可以正常工作。但是在这些文件中，它却无法正常工作。我不知道为什么...... 请帮帮我。