[jQuery] Click event not working?

[Kris S]

I'm trying to execute a function "animate_next()" when a "div" element
is clicked, but it isn't working. Here is what it looks like..

$('#playground').click(function(){animate_next();});

If I put..

$('#playground').ready(function(){animate_next();});

..then it will work fine.

Here is the "div" element on the page..

<div id="playground" style="width: 800px; height: 600px; background:
#666666">