Question

I have a reproducable error here, where I run into a Uncaught RangeError: Maximum call stack size exceeded

It’s just a click event I call onto a link.

My HTML:

<div id="box">
    <a href="#">test</a>
</div>

My Javascript:

$('#box').click(function() {
    ("a", $(this)).click();
});

Now, clicking the #box leads to an error.

http://jsfiddle.net/DMAMv/2/

Answer 1

You should stop the propagation with stopImmediatePropagation(), otherwise you have too much rcursion

$('#box').click(function() {
    $("a:first", this).click();
});
$('a').click(function(e){
   e.stopImmediatePropagation();
   alert('hi');
});

fiddle http://jsfiddle.net/DMAMv/8/