title: Ignore Parent onClick event when Child element is clicked
body: <p>Please see - <a href="http://www.bootply.com/dR7fxjP1bk">http://www.bootply.com/dR7fxjP1bk</a></p>
  
  <p>By clicking any of the div.rows (lets call this parent), an onClick event is activated, for demo purposes an alert pops up.</p>
  
  <p>Within the row an accordion collapses when the "info" (orange button) is clicked (lets call this child), but the problem is that the parents alert triggers.</p>
  
  <p>I need the info button not to trigger the alert, only when anywhere else is clicked the alert appears.</p>
  
  <p>I've tried various ways such as using (e)stopPropagation .on .off calls etc... I'm  not the best jquery guy so need a little help getting this to work - and also help me learn something!</p>
  
  <pre><code>&lt;div class="row ticket-selector" onclick="alert('Hello World!');"&gt;
      &lt;a data-toggle="collapse" data-parent="#ticket-panel" href="#collapseOne" class="tickets-more"&gt;&lt;span class="halflings info-sign orange"&gt;&lt;/span&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The above is the jist - but see for better understanding - <a href="http://www.bootply.com/dR7fxjP1bk">http://www.bootply.com/dR7fxjP1bk</a></p>