title: TypeError: p.easing[this.easing] is not a function
body: <p>When trying to show a div element with jQuery, i got this error:</p>
  
  <pre><code>[23:50:35.971] TypeError: p.easing[this.easing] is not a function @ file:///D:/html5%20puzzle/jquery.js:2
  </code></pre>
  
  <p>The relevant function is this:</p>
  
  <pre><code>function showWithAnimation(){                  
    console.log('animation called');
    $('#popup').show();
    $("#popup").css({"top": "30%", "left": "30%"})
               .animate({top:(($(window).height()/2)-($('#popup')
               .outerHeight()/2))-70}, 1000, 'easeOutBounce')
               .show();
  }
  </code></pre>
  
  <p>The function is responsible of showing the div with a bounce animation, however, the div is shown but without bounce effect.</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I am including jQuery and jQueryUI libraries from a CDN like this (In order):</p>
  
  <pre><code>&lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'&gt;&lt;/script&gt;
  &lt;script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'&gt;
  &lt;/script&gt;
  </code></pre>