title: jQuery trigger event attached on children first then its parent's event
body: <p>Event attached on the children triggers first than it's parent and I think its default behaviour, is there anyway the it can work in alternate way?</p>
  
  <p>Here is an working example: <a href="http://jsfiddle.net/dhiru/rb99n7uh/4/" rel="nofollow">http://jsfiddle.net/dhiru/rb99n7uh/4/</a></p>
  
  <pre><code>&lt;div class="parent"&gt;Parent
      &lt;div class="children"&gt;Child&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="result"&gt;Result here&lt;/div&gt;
  
  $('.parent').on('click', function () {
      $('.result').append('&lt;p&gt;Parent Clicked&lt;/p&gt;');
  });
  $('.children').on('click', function () {
      $('.result').append('&lt;p&gt;Child Clicked&lt;/p&gt;');
  });
  </code></pre>
  
  <p>In a condition I want to trigger the event attached in its parent not in its child's event even clicked on children. I know it can be fixed by making some adjustments in children element, but I don't want to make changes in the event attached in its children as it be being attached by 3rd party plugin.</p>