title: Uncaught TypeError: Object #<Object> has no method 'easeOutQuart'
body: <p>The following code is producing an error, and I am not able to understand what is wrong as it works in jsFiddle.</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;script type="text/javascript" src="/jquery.js"&gt;&lt;/script&gt;
          &lt;script&gt;
              window.onload = function() {
                  $({countValue:0}).animate(
                      {countValue:500},
                      {
                          duration: 5000, /* Time for animation in milliseconds */
                          easing:"easeOutQuart",
                          step: function (value) { /* Fired every "frame" */
                              $('span').html(parseInt(value));
                          }
                      }
                  );
              }
          &lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;span&gt;&lt;/span&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The error I get is:</p>
  
  <blockquote>
    <p>Uncaught TypeError: Object # has no method 'easeOutQuart'</p>
  </blockquote>
  
  <p>How can I fix this problem?</p>