【请诸位指点】如元素在form内，利用ajax无法提交数据给服务器_ASP.NET

【请各位指点】如元素在form内，利用ajax无法提交数据给服务器。
代码如下：

HTML code

<!DOCTYPE html><html lang ="en">    <head>                <title>AJAX</title>        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">                    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">                    <!--@jQuery-->        <script type="text/javascript" src="assets/jQuery/jQuery.js"></script>               <script type="text/javascript">                        $(document).ready(function(){                $("button#jqb1").click(function(){                    var un = $("input#username").val();                    $.post("AJAX", {username:un}, function(result){//I can't make $.get() work...and $.post() can't work, too...                                           $("p#jqp1")(result);                    });                                  });        </script>    </head>            <body>            <form>//去掉form即可正常工作                <input type = "text" id = "username"/>                <button id="jqb1" class="btn">check username</button>                <br/>                <p id = "jqp1"></p>            </form>    </body></html>

小生发现在加入form标签后，在$.get()之前都正常，但无论是GET或POST都无法将数据提交给服务器（通过HTTP监视器发现），而且肯定不是调用jQuery的问题，因为小生用传统Ajax写法写了一遍也是一样，没form正常工作，加入form后无法提交数据。。。

请各位指点，多谢！

------解决方案--------------------------------------------------------
form 加一个action ，加一个method
------解决方案--------------------------------------------------------

探讨
代码如下：

HTML code

<!DOCTYPE html>
<html lang ="en">
<head>

<title>AJAX</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

……

------解决方案--------------------------------------------------------

探讨

Java code

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import ……

------解决方案--------------------------------------------------------
您老迷路了？java跑到这里问问题？

HTML code

$(document).ready(function(){                $("button#jqb1").click(function(){                    var un = $("input#username").val();                    $.post("AJAX", {username:un}, function(result){//I can't make $.get() work...and $.post() can't work, too...                                           $("p#jqp1")(result);                    });                                  });