Zurb Joyride Not Following Defined Order

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 skip

Solution 1:

You code works as expected if you remove the postStepCallback function:

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

if you don't need it, don't use it.

Demo: http://jsfiddle.net/IrvinDominin/jeWTv/