jQuery ignore parent?
<p>I have a simple html, a div which contains some html and a delete link:</p>

<pre><code>&lt;div class="item"&gt;
I am a text this section can contain a lot of html and stuff...
&lt;a class="del_button" href="#"&gt;Delete&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>here is the jQuery part:</p>

<pre><code>$(".item").click(function(){
alert("Item clicked");
});

$(".del_button").click(function(){
alert("DELETE clicked");
});
</code></pre>

<p>If I click on the "Delete" link, two messageboxes are shown, "Item clicked" and "DELETE clicked" - How can I suppress the "Item clicked" alert if I click the delete button?</p>
