How to suppress Click event on <tr> when clicking on the button on the <tr>?
<p>I have a click event on the table row that executes an action. However when I click on the button on the same row, I would like to prevent the on-row-click event and simply do what the button does, and I don't know how to achieve this.</p>

<p>I have created a --> <a href="http://jsfiddle.net/houmie/VhYdD/2/" rel="nofollow">fiddle</a> &lt;-- to demonstrate this. Simply click on a table row and you see a button appearing. Then click on the button. You will see that the row-click-event executed again, while clicking on the button. How do I prevent this?</p>

<pre><code> &lt;table id="tab_open_deals" class="table table-condensed table-striped cb_table-hover"&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th&gt;A&lt;/th&gt;
      &lt;th&gt;B&lt;/th&gt;
      &lt;th&gt;C&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody id="search_result"&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;a class="btn my_btn hidden2" href="#"&gt;Button&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;39.90&lt;/td&gt;
      &lt;td&gt;29 Dec 2012&lt;/td&gt;
    &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;a class="btn my_btn hidden2" href="#"&gt;Button&lt;/a&gt;&lt;/td&gt;
    &lt;td&gt;1499.00&lt;/td&gt;
    &lt;td&gt;8 Jan 2013&lt;/td&gt;
  &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p><strong>CSS:</strong></p>

<pre><code>.hidden2{
    display: none;
}
</code></pre>

<p><strong>jquery:</strong></p>

<pre><code>$(document).ready(function() {
    $('#tab_open_deals tbody tr').off('click').on('click', function() {
        var row = $('&lt;tr/&gt;');
        row.load('/echo/html/', {
            html: '&lt;td class="override" colspan="4"&gt;&lt;table class="table-striped sub_table-hover"&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Sub1&lt;/th&gt;&lt;th&gt;Sub2&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/td&gt;'
        });

        row.insertAfter($(this));
      $(this).find(".my_btn").off('click').on('click', function(){ alert("clicked") })
        $(this).find(".my_btn").show();
    });
});
</code></pre>
