Break chain and start next animation in jQuery

Recent working with jQuery lead to common issue of queuing of animations. CSS3 doesn't queue animations but jQuery does and to prevent that we use stop method. Here is the working example:

See the Pen Stop demo by Mohammad Hamza Dhamiya (@hamzadhamiya) on CodePen.

You can see the effect of stop(). I think its better to stop the animation before start a new one.