Prevent child button triggering a jquery event assigned to a parent
<p>I'm trying to prevent a button inside a table row triggering the event attached to the row</p>

<p>This solution works, but I don't like it:</p>

<pre><code>$('table.orders tr.item').live('click',function(){
    var id=$(this).attr('hrf');
    document.location.href = id;
});
$('table.orders tr.item .pdfIcon').live('click',function(e){
e.stopPropagation();
}); 
</code></pre>

<p>I don't like the idea of having a 2nd event attached to prevent the first from working. I should be able to remove it from the selection.</p>

<p>Can anyone suggest a better way?</p>
