title: Handle multiple events on a HTML table row
body: <p>I have an HTML table which has an onClick property on the row which navigates me to another page.
  On this table I want to add a button, or an anchor tag which should do something else; e.g delete the row of that table.</p>
  
  <p>By default, on clicking the button, it executes that JS function and then the Row JS function.
  How can I set it so that it does not execute the Row event?</p>
  
  <p>I am using JQuery to bind the table row</p>
  
  <pre><code>$('#table-control-data &gt;tr', jqueryContext).live('click', HandleAction);
  </code></pre>