[jQuery] binding problem with content added after the document ready

[willy]

Hi,

I have probleme binding generated content with the events I binded on
load:


my dom il like that

<li id="nod12"><img id="imgnod12" src="imgplus.png" /><lable>my
nodeName</label>

</li>

In my app, a html / js tree, I can create node adding in the existing
li node:

 <ul subnod="12"><li id="nod41"><label>ma new node name</label></li></
ul>

 but then I want to bind it to the same event I binded the li node
with $(document).ready().

so I'm doing that kind of stuff:

        $('"nod41").bind('click', function(event){ nodeClickEvent(event, $
(this))} ) ;
        $('"nod41").children('img').bind('click', function(event)
{ imgClickEvent(event, $(this))} );

unfortunately, where I click on the new <li>,  the event on the fist
raises, even if I stop event Propagation in my function.

Is there any way refreshing DOM or event priority?