动画不在Firefox中工作

Question

这是我的js：

<script type="text/javascript">
$(document).ready(function() { 
        checkurl("google.com", "#google")
}); 

function setpanelToRed (panel){
    $(panel+".list-group-item-success").animate({backgroundColor: "#d9534f"}, 1000);
}
function setpanelToYellow (panel){
    $(panel+".list-group-item-success").animate({backgroundColor: "#d9534f"}, 1000);
}
function setpanelToGreen (panel){
    $(panel+".list-group-item-success").animate({backgroundColor: "#d9534f"}, 1000);
}
function checkurl (link, panel){
  var url = "/redir/"+link;
  $.ajax(url,
  {
     statusCode: {
     200: function() {
        setpanelToGreen(panel);
     },
     404: function() {
        setpanelToYellow(panel);
     },
     000: function() {
        setpanelToRed(panel);
     },
     302: function() {
        setpanelToGreen(panel);
     }
  }
});   
setTimeout ( checkurl, 5000, link, panel);
}
</script>

它正在改变的项目看起来像这样：

<a href="google.com" target="_blank" style="text-decoration: none"><div id="#google" class="list-group-item list-group-item-success" style="background-color: #5cb85c; color: #fff"><center>google</center></div></a>

我已将其更改为删除一些敏感内容，但我在2个不同的页面上使用它，并且它在chrome中完美运行，但在firefox / ie中不起作用（我的大部分测试站点都不起作用，即，但这对我来说并不重要。