title: Way to animate between two numbers that's more performant than .animate();
body: <p>I'm trying to animate from the number '1' to '100' using a jquery technique I've seen several places online. It works OK, but Firefox has some serious issues with this, and I know jQuery's .animate() as a whole isn't the greatest. </p>
  
  <p>The span '#headline-number' starts out as a one, which is why the age range begins at 2.</p>
  
  <pre><code>function incrementNumber(number) {
      if (number.length) {
  
          number.addClass('is-visible'); // Triggers 500ms opacity transition in my css
  
          setTimeout( function(){
              $({ages: 2}).animate({ages: 100}, {
                duration: 1500,
                easing:'swing',
                step: function() {
                    number.text(Math.round(this.ages));
                }
              });
          }, 510);
      }
  }
  
   incrementNumber($('#headline-number'));
  </code></pre>
  
  <p>Are there any alternative techniques to accomplish this? Either with jQuery, or just vanilla javascript? Thanks!</p>