Question: What's the difference between `event.stopPropagation()` and `event.stopImmediatePropagation()`?

Answer: 
From the [jQuery API](http://api.jquery.com/event.stopImmediatePropagation/):

> 
> In addition to keeping any additional
>  handlers on an element from being
>  executed, this method also stops the
>  bubbling by implicitly calling
>  event.stopPropagation(). To simply
>  prevent the event from bubbling to
>  ancestor elements but allow other
>  event handlers to execute on the same
>  element, we can use
>  event.stopPropagation() instead.
> 
> 
> Use
>  event.isImmediatePropagationStopped()
>  to know whether this method was ever
>  called (on that event object).
> 
> 
> 

In short: [`event.stopPropagation()`](http://api.jquery.com/event.stopPropagation/) allows other handlers on the same element to be executed, while [`event.stopImmediatePropagation()`](http://api.jquery.com/event.stopImmediatePropagation/) prevents *every* event from running.
1)`event.stopPropagation():`
 =>It is used to stop executions of its corresponding parent handler only.

2) `event.stopImmediatePropagation():`
 => It is used to stop the execution of its corresponding parent handler and also handler or function attached to itself except the current handler.
 => It also stops all the handler attached to the current element of entire DOM.

Here is the example: [Jsfiddle](https://jsfiddle.net/Sahil2Fiddle/1qkp50p9/1/ "JsFiddle Link for the propogation example")!

Thanks,
-Sahil