title: jQuery how to stop triggered click event from bubbling
body: <p>I had this code:</p>
  
  <pre><code>$('.panel-select').click(function() {
    $(this).children('input').trigger('click');
  });
  </code></pre>
  
  <p>But I got a RangeError: Maximum call stack size exceeded.
  I googled some and found out that the event bubbles up in the DOM.</p>
  
  <p>I'm trying to stop it but I'm not succeeding.
  I tried this:</p>
  
  <pre><code>$('.panel-select').click(function(e) {
    e.stopPropagation();
    $(this).children('input').trigger('click');
  });
  </code></pre>
  
  <p>But it's not working. How should I do this?</p>