Unknown Error - jQuery

$("document").ready(function(){
    $(this).css("position", "relative");
    $(this).click(function(){
        $("img").animate({top: 500}, 2000, "easeInQuad", function(alert("DONE!");){});
    });
 });

This code gives me error Uncaught TypeError: jQuery.easing[this.easing] is not a function. I don't what is going on.