jquery下的提交，点击按钮没反应，post方法不执行 JSON方式在FORM表单下不起作用

使用Jquery 提交时：

(1)

<button id="login">登陆</button>

$().ready(function(){
  $("#login")
  	.button()
  	.click(function(){
        	//alert("username"+$("#userName").val());
  		$.post(
  	        	"checkLogin.action",
  			{"username":$("#username").val(),"password":$("#password").val()},
  			function(data) {
  				//alert(data.suc)
  				if(data.suc) {
  				        window.location.href="userList.action";
  			        } else {
  					$("#error_message").html("* The username or password is incorrect.");
  				}
  			},
  			"json");		
  	});
 });

(2)

<input type="image" src="images/btn_login.png" οnclick="javascript:submitForm()" id="btn_log" width="67" height="22"/>

function submitForm(){
  if($("#userName").val()=="")
  	$("#error_message").html("* User Name can not be null.");
  else if($("#userPassword").val()=="")
  	$("#error_message").html("* Password can not be null."); 			
  else {
  	$.post(
  	        "checkLogin.action",
  		{"username":$("#username").val(),"password":$("#password").val()},
  		function(data) {
  		        if(data.suc) {
  			        location.href="userList.action";
  		        } else {
  				$("#error_message").html("* The username or password is incorrect.");			
  			}
  		},
  		"json");
 }	
}

上面两种方法，在html中form表单不允许出现

<form method=""  action="" >
    ///
</form>

否则出现错误(点击没反应，js函数里面的JSON方式    post方法没执行)。

去掉，<form></form>即可