javascript click action triggered two actions
<pre><code>I have the following html:

&lt;div class="title-block"&gt;
    &lt;span class="date"&gt;Apr 09, 2013&lt;/span&gt;
    &lt;span class="invoice"&gt;Invoice #1365512756&lt;/span&gt;
    &lt;span class="retail-price"&gt;Rp 270000&lt;/span&gt;
    &lt;span class="arvo-regular button green confirm-payment" data-id="2"&gt;Confirm Payment&lt;/span&gt;
    &lt;img src="/bundles/shopiousmain/img/dashboard-li-down-arrow.png"&gt;
&lt;/div&gt;
</code></pre>

<p>The class title-block has a javascript click action tied to it and the class button also has a click action tied to it. The issue is that when I click on the button it also triggers the title-block click action. How do I make it so that the click doesn't propagate?</p>
