title: How to trigger jQuery counter when element is in window?
body: <p>I have this jQuery code that triggers a counter from 0 to 1750. But, this counter is at the bottom of my page, and if you don't scroll to it quickly enough you miss the counter animation. Is there a way to trigger this to run only once you've hit the element in the window?</p>
  
  <pre><code>// Counter
  $(document).ready(function() {
      $('.count').each(function() {
          $(this).prop('Counter', 0).animate({
              Counter: $(this).text()
          }, {
              duration: 12000,
              easing: 'swing',
              step: function(now) {
                  $(this).text(Math.ceil(now));
              }
          });
      });
  });
  </code></pre>