I'm fairly new to jQuery and I really can't get my head around this one.

I'm trying to select <a href="contact"><div id="res">Reserveren</div></a>.

This is my jQuery code:

 $(document).ready(function() {

 $('#res').hover(
    function () {
    $(this).animate({backgroundColor: "#fff" });
    },
    function () {
    $(this).animate({backgroundColor: "#000" });
    }

  });

However, nothing is working. It doesn't change anything at all... What am I doing wrong?

Thanks in advance, Bart