[jquery] prevent a parent's onclick event from firing when a child anchor is clicked

.html


this is test
    
    I don't want #clickable to handle this click event.

.js
$("#clickable a").click(function(e) {
   //do something
   e.stopPropagation();
})


$("#clickable").click(function(e) {
   //do something
   alert('clickable');
})

here is link that you test
http://jsfiddle.net/grp10d10/1/