Remove propagation
HTML
<div id="outer">
<div id="inner">
</div>
</div>
CSS
div{
width:100px;
height:100px;
border:1px solid black
}
JavaScript
$("#outer").on("click",function(){
console.log("click");
})
$("#inner").on("mousedown",function(event){
$(this).remove();
})