Question

How can I stop parent binds to be called?

Example:

<div id="test">
    <a href="#" id="link" onclick="alert('testing')">TEST</a>
</div>

$('#test').on('click',function(){
   alert('I dont want it to fire it up!');        
})

I just want to fire the onclick in the #link and not the event on the #test if I click on the #link

thanks for your responses

Answer 1

use stopPropagation

 event.stopPropagation();