jQuery.ajax不会启动

我是jQuery的新手，请耐心等待：-）

我试图做的是验证表单中的用户输入，根据mysql数据库检查输入。然后根据T/F设置颜色。

我已经设法在测试页面上实现了这一点，但在我的真实页面上，它不起作用：（

这是工作代码。

<style>
body{width:50%;}
#frmCheckUsername {border-top:#F0F0F0 2px solid;background:#FAF8F8;padding:10px;}
.demoInputBox{padding:7px; border:#F0F0F0 1px solid; border-radius:4px;}
.status-available{color:#2FC332;}
.status-not-available{color:#D60202;}
</style>
<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
<script>

$(document).ready(function(){
    $("#username").keyup(function(){
    //alert( "Handler for .keyup() called." );
    checkAvailability();
    });
});
function checkAvailability() {
    //$("#loaderIcon").show();
    jQuery.ajax({
    url: "check_av2.php",
    data:'username='+$("#username").val(),
    type: "POST",
    success:function(data){
        //alert( data );
            //if(data){$("#username").css("background-color", "yellow");}
        $("#username").css("background-color", data);
    },
    error:function (){}
    });
}
</script>

<label>Check Username:</label>
<input name="usernae" type="text" id="username" class="demoInputBox">  

----
check_av2.php
<?php
include ('inc/environment.php');
db_open();
$id = $_POST["username"];
if(!empty($id)) {
    $result = mysql_query("SELECT id FROM lakes WHERE id='".$id."'");
    $row = mysql_num_rows($result);
    db_close();
    if($row>0) {
    echo "#BAF490";
    }else{
    echo "#F22A26";
    }
}
?>

现在，当将其复制到现有代码时，它不会更改颜色。我现在不知道该怎么办。"div"会影响id吗？现有代码还包括其他脚本

<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />

这些其他脚本包括interference吗？

这里的代码不起作用。

<SCRIPT>
$(document).ready(function(){
$("#sm").keyup(function(){
  //alert( "Handler for .keyup() called." );
  checkAvailability();
});
});
function checkAvailability() {
  //$("#sm").css("background-color", "yellow");
  jQuery.ajax({
  url: "check_av2.php",
  data:'username='+$("#sm").val(),
  type: "POST",
  success:function(data){
        //alert( data );
        $("#rstm").css("background-color", "yellow");
        $("#sm").css("background-color", data);
        //$("#loaderIcon").hide();
  },
  error:function (){}
  });
}
</SCRIPT>   
<input name="sm"
type="text" class="uppercase"
id="sm" value="<?=$sm?>" size="4"
title="Eget">

现在，如果我取消注释$（"#sm"）.css（"background color"，"yellow"）；在框中键入时，框将变为黄色，但jquery.ajax似乎没有启动。

解释起来并不容易，但我希望你能理解：-）而且我不能在这里发布不工作页面的全部代码。如果需要，我可以通过邮件发送代码。

已解决我今天不能让这件事过去。解决方案如果是更烦人的。通过删除块中的代码并缩小块来找到它。的大转变

<meta http-equiv="X-UA-Compatible" content="IE=9" />

代码中存在的。去掉那条线就成功了！！储罐：-）