jquery ajaxログイン検証

$(document).ready(function(){
    $("#form").submit(function(){
        login();
        return false;
    });
});
function login()
{
   var user = $("#username").val();
   var pass = $("#password").val();
   if (user == "")
   {
      $("#msg").text("        ");
      $("#user").focus();
      return false;
   }
   if(pass == "")
   {
      $("#msg").text("       ");
      $("#pass").focus();
      return false;
   }

   $.ajax({
    type: "POST",
    url: "test.php",
    data: "username=" + user + "&password=" + pass,
    beforeSend: function(){
    $("#msg").text("   ，   ......");
    },
    success: function(msg){
    if(msg == "success"){
        $("#msg").text("    ，  " + user + "  ！        ......");
    }else {
        $("#msg").text("            ！");
    }
    }
   });
}

 <script type="text/javascript" src="js/jquery.js"></script>
 <script type="text/javascript"  src="js/ajax_login.js"></script>

      <div id="login">
      <form method="post" action="" id="form" name="form">
      <ul>
      <li>  ：<input type="text" name="username" id="username" size="30" maxlength="200"></li>
      <li>  ：<input type="password" name="password" id="password" size="30" maxlength="200"></li>
      <li>
        <input type="submit" style="border:0" value="submit" />&nbsp;&nbsp;<INPUT TYPE="reset" value="resite" style="border:0">
      </li>
      <li id="msg"></li>
      </ul>
      </form>
      </div>