jQuery Easing Issue
<p>I've got an Unordered List setup, I would like to apply the simple elastic property used in jQuery. When running the script, I keep getting an JavaScript Error : </p>

<blockquote>
  <p>Error: D.easing[this.options.easing || (D.easing.swing ? "swing" : "linear")] is not a function
  Source File: jquery-pack.js?1296815924</p>
</blockquote>

<p>The Java is working but it is not creating the desired effect. My jQuery Code is :</p>

<pre><code> &lt;script type="text/javascript"&gt;
$(document).ready(function(){

 //When mouse rolls over
$("li").mouseover(function(){
    $(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: "easeOutElastic"})
});

$("li").mouseout(function(){
$(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: "easeInBounce"})
});

     }); 
&lt;/script&gt;
</code></pre>

<p>I had taken this script from a tutorial, so would have expected it to work. It seems that the easing is not being passed from page to the script?   </p>

<p>Any help appreciated.</p>
