"too much recursion" error with live handlers in jQuery 1.3.2
<p>This question is similar to <a href="http://stackoverflow.com/questions/639862/too-much-recursion-error-in-jquery-1-3-2">my last question about "too much recursion" errors in jQuery</a>, but involving live handlers. I have one element within another. Both of them have custom event handlers with the same name. The outer element has a traditional handler and the inner element has a live handler. When I try to trigger the event on the outer element, my browser pauses for a while, then I get an error saying "too much recursion".</p>

<p>I read on the <a href="http://docs.jquery.com/Events/live" rel="nofollow">live handler documentation page</a> that I can prevent bubbling of a live handler by returning false within the handler function. However, I tried this and it doesn't seem to make a difference. Either way, the outer function seems to somehow be called many times when I am trying to call it only once.</p>

<p>How can I fix this? Is it possible to have handlers with the same name like this, or do I have to come up with different names? You can test the problem using this code:</p>

<pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
&lt;html&gt;&lt;head&gt;
&lt;title&gt;live event handler test&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="outer"&gt;
    &lt;div id="inner"&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;script type="text/javascript" src="jquery-1.3.2.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$("#outer").bind("test", function() {
    $("#inner").trigger("test");
});

$("#inner").live("test", function() {
    return false;
});

$(function() {
    $("#outer").trigger("test");
});
&lt;/script&gt;
&lt;/body&gt;&lt;/html&gt;
</code></pre>
