[jQuery] nothing working in ie

[annam]

hi, im relatively new in jquery and although my script works fine in
chrome and firefox nothing seems to work in ie. i've used a couple of
debuggers in ie and they both point to my document.ready() line.

i've searched for trailing commas which i know can cause errors but
didnt find any
this is the script in the page

$(document).ready(function() {
                $('.menu,.submenu').hover(
                        function() {
                                var fade = $(this);
                                if(fade.is(".active")){
                                } else {
                                        if (fade.is(':animated')) {
                                                fade.stop().animate({color: 
"#e5086e"}, 500);
                                        } else {
                                                fade.animate({color: 
"#e5086e"}, 500);
                                        }
                                }
                        }, function () {
                                var fade = $(this);
                                if(fade.is(".active")){
                                } else {
                                        if (fade.is(':animated')) {
                                                fade.stop().animate({color: 
"#7b8086"}, 500);
                                        } else {
                                                fade.animate({color: 
"#7b8086"}, 500);
                                        }
                        }
                        });

        $('p.menuProjects').click(function() {
                        $("#projectsSub").slideDown();
        });
        $('p.menuOthers').click(function() {
                        $("#projectsSub").slideUp();
        });
        $('a.menu').click(function(event) {
                        event.preventDefault();
                        if(this.id != "projects"){
                                $('#maincontent').fadeTo(1, 0).load(this.href, 
{}, function(){
                                                $('#loader').fadeTo(500, 0, 
function() {
                                                                
$('#maincontent').fadeTo(500, 1, function(){
                                                                                
$('#loader').fadeTo(1, 1);
                                                                });
                                                });
                                });
                        }

                        $('a.menu').animate({color: "#7b8086"}, 
250).removeClass("active");
                        $(this).animate({color: "#000000"}, 
250).addClass("active");
        });

        $('a.submenu').click(function(event) {
                        event.preventDefault();
                        $('#maincontent').fadeTo(1, 0).load(this.href, {}, 
function(){
                                        $('#loader').fadeTo(500, 0, function() {
                                                        
$('#maincontent').fadeTo(500, 1, function(){
                                                                        
$('#loader').fadeTo(1, 1);
                                                        });
                                        });
                        });

                        $('a.submenu').animate({color: "#7b8086"}, 
250).removeClass
("active");

                        $(this).animate({color: "#000000"}, 
250).addClass("active");
                });
});

can anyone spot any obvious errors??
tnx