Atualmente estou usando o jQuery para tornar um div clicável e neste div também tenho âncoras. O problema que estou correndo é que quando clico em uma âncora, ambos os eventos de clique estão sendo disparados (para o div e a âncora). Como faço para evitar que o evento onclick do div seja acionado quando uma âncora é clicada?

Aqui está o código quebrado:

JavaScript

var url = $("#clickable a").attr("href");

$("#clickable").click(function() {
    window.location = url;
    return true;
})

HTML

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