很简单的关于jQuery的ajax的问题

我做了一个ajax怎么也没反应！把代码贴给大家！希望大家看看！！
aspx页面
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %>
<script language="javascript" type="text/javascript" src="JS/jquery-1.4.2.js"></script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <input type="button" id="btn" />
    <div id="ajax">
    
    </div>
    </form>
</body>
</html>
<script type="text/javascript">
$(function()
{
 $("#btn").click(function(){
   $("#ajax").load("HTMLPage.htm");
 })
})
</script>
还有HTMLPage.htm页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
</head>
<body>
<div class="a">hello</div>
<div>6</div>
</body>
</html>
点击按钮应该在div id=ajax中显现HTMLPage.htm的内容，可是什么也没有！两个页面在同一个目录下，不存在路径问题！！

解决方案 »

  1.   

    你的HTML不变ASPX页面如下   BTN记得加文字加点文字上去哈，没文字不太好点。。
    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CreateIndex.aspx.cs" Inherits="Study.Web.TextWeb.CreateIndex" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title></title><script src="../js/jquery-1.3.2.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function() {
                $("#btn").click(function() {
                    $.ajax({
                        type: "get",
                        url: 'HTMLPage.htm',
                        cache: false,
                        error: function() { alert('加载页面' + url + '时出错！'); },
                        success: function(msg) {
                            $("#ajax").html(msg);
                        }
                    });
                })
            })
    </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <input type="button" id="btn" />
        <div id="ajax">
      </div>
        </form>
    </body>
    </html>
      

  2.   

    按钮上加个value属性。。再把div的ID变一下看看。。别叫AJAX。。这些名字最好别取。。代码是没有错