title: I wanna use counterup.js in my WordPress site but it shows error
body: <p>I am using 
  <a href="http://www.jqueryscript.net/animation/Animating-Numbers-Counting-Up-with-jQuery-Counter-Up-Plugin.html" rel="nofollow">http://www.jqueryscript.net/animation/Animating-Numbers-Counting-Up-with-jQuery-Counter-Up-Plugin.html</a>
  js. In normal html it work fine but when i used this script in WordPress it shows Uncaught TypeError: undefined is not a function error.
  My script is</p>
  
  <pre><code>&lt;script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"&gt;&lt;/script&gt; 
  &lt;script src="&lt;?php bloginfo('template_directory'); ?&gt;/includes/jquery.counterup.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      jQuery(document).ready(function( $ ) {
          $('.counter').counterUp({
              delay: 10,
              time: 1000
          });
      });
  &lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-36251023-1']);
    _gaq.push(['_setDomainName', 'jqueryscript.net']);
    _gaq.push(['_trackPageview']);
  
    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
  
  &lt;/script&gt;
  </code></pre>
  
  <p>And my html is </p>
  
  <pre><code>&lt;div&gt; &lt;span class="counter" style="display: inline-block; width: 32%"&gt;100&lt;/span&gt; &lt;span class="counter" style="display: inline-block; width: 32%"&gt;58&lt;/span&gt; &lt;span class="counter" style="display: inline-block; width: 32%"&gt;85&lt;/span&gt; &lt;/div&gt;
  </code></pre>
  
  <p>Thank you in advance.</p>