jquery easing breaks jquery on wordpress

Question

Im getting an error when i add the jquery easing 1.3 plugin to my page, i havent even used custom easing yet but just loading it stops animated elements working. Im not a jquery expert so i dont really know how to debug it but im fairly sure that there is a conflict, heres the error:

Uncaught TypeError: Property 'undefined' of object #<Object> is not a function

The error is triggered when you roll over the animated elements, heres the page im working on:

http://www.pegbarandgrill.com/blog/

if you roll over the links & directory you should see an animated menu open but this is when you will get the error. I sourced jquery and easing with the following lines

<script type="text/javascript" src="/wp-content/themes/pegbarAndGrill_01/script/jquery.js"></script>
<script type="text/javascript" src="/wp-content/themes/pegbarAndGrill_01/script/easing.js"></script>

Also if i remove the wp_head() and wp_footer() functions the conflict goes away. Any idea what the problem might be?

Many thanks

Answer 1

Try to wrap contents of easing.js file with

$(document).ready(function() {
...
});

It saved my time before!