Zurb Joyride not following defined order...

[r3hab-media]

Please review my Sample Fiddle

When it initiates, it starts with the First Stop, and moves onto the Second and Third Stops. When it's ready to move onto the Fourth Stop, it skips and immediately jumps to a modal.

Everything is setup the way the documentation states.

This is the script to call the function...

 $(window).load(function() {
    $('#joyRideTipContent').joyride({
      autoStart : true,
      postStepCallback : function (index, tip) {
      if (index == 2) {
        $(this).joyride('set_li', false, 1);
      }
    },
    modal:true,
    expose: true
    });
  });

I'm completely lost on why this element would be skipped.

[r3hab-media]

Fixed it! I removed this...

postStepCallback : function (index, tip) {
      if (index == 2) {
        $(this).joyride('set_li', false, 1);
      }
    }

This is really something you should put in your documentation.