[javascript] How do I prevent a parent's onclick event from firing when a child anchor is clicked?

Inline Alternative:

<div>
    <!-- Other content. -->
    <a onclick='event.stopPropagation();' href="http://foo.com">I don't want #clickable to handle this click event.</a>
</div>