Error: $(this).effect is not a function

Error: $(this).effect is not a function


Hi everyone,
I'm new to jQuery and fairly new to JS so bear with me.
I have a page where I want to highlight an element when the DOM
loads. I kept getting the error in the subject so I tried copying and
pasting the highlight example from the docs into my page:
<script type="text/javascript">
$("div").click(function () {
$(this).effect("highlight", {}, 3000);
});
</script>
This results in the same error. The weird thing is that I am using
other jQuery functions on the same page to hide/show different
elements. This is working beautifully but I can't manage to get a
simple highlight to work. I am not using any other frameworks that
might interfere with jQuery. Can anyone make a suggestion as to what
might be going on?
Thanks!
--RES