title: Stop parent event jquery
body: <p>I want to stop the parent event to fire up when I click the child link. here it is my code:</p>
  <pre><code>$('.list_row_inputtype').on('click',function(event) {
  
      $(this).find('a.link_to_fire').click();
      event.stopPropagation();
    
      return false;
  });
  
  
  &lt;div class=&quot;list_row_input_type unread&quot;&gt; 
      &lt;a href=&quot;#&quot; onclick=&quot;toogleRead(); return false;&quot; class=&quot;toogleRead&quot;&gt;&lt;/a&gt;
      &lt;a href=&quot;{corePath}/mails&quot; class=&quot;link_to_fire&quot;&gt;{emailLink}&lt;/a&gt;
      &lt;div class=&quot;description&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>When I click on <code>.toogleRead</code> it fire the function, but change to the <code>{corePath}/mails</code> page too. I want to prevent it to change the page.</p>