ScrollFire is not getting called when hosted on server, offline works fine

[hiteshsahu]

Description

My site works fine offline but when I Host it on server ScrollFire events are not getting called.

Repro Steps

See http://hiteshsahu.com/

Screenshots / Codepen

Demo http://hiteshsahu.com/

Code

(function($){
  $(function(){

    // Initialize collapse button
      $(".button-collapse").sideNav();

     $('.parallax').parallax();

     $('#textarea1').trigger('autoresize');

     $('.carousel.carousel-slider').carousel({full_width: true,
       dist:0,
       shift:0});

       var options = [

      {selector: '#projects', offset: 200, callback: function(el) {
            $("#projects").addClass("slideLeft");

        Materialize.toast("Please continue scrolling!", 1500 );
      } },
      {selector: '#project_1', offset: 200, callback: function(el) {
        $("#project_1").addClass("slideUp");
      } },

      {selector: '#project_2', offset: 200, callback: function(el) {
        $("#project_2").addClass("slideUp");  
      } },

      {selector: '#project_3', offset: 200, callback: function(el) {
        $("#project_3").addClass("slideUp");
      } },

      {selector: '#project_4', offset: 200, callback: function(el) {
        $("#project_4").addClass("slideUp"); 
      } },

      {selector: '#project_5', offset: 200, callback: function(el) {
        $("#project_5").addClass("slideUp");

      } },
      {selector: '#project_6', offset: 200, callback: function(el) {
        $("#project_6").addClass("slideUp" );

      } }, 
    ];
    Materialize.scrollFire(options);

  }); // end of document ready
})(jQuery); // end of jQuery name space

[hiteshsahu]

I spend an hour trying to figure it out , turn out server takes more than and hour reflect changes. It is working now. Thank you plese don't mind.