[jQuery] click function doesn't work on html element created on the fly with jquery

[fabrice.regnier]

hi to all ;)

It seems that click function doesn't work on html element created on
the fly with jquery. Where am i wrong ?

When i click on the checkbox from paragraph "P2", i got the alert.
But when i click on the checkbox from paragraph "P1" created on the
fly (when i submit a button), then i got no alert.

regards,

f.

Here is my code:

JQUERY Part:

$("#Idsubmit").click(function () {
        $("#P1").html('<input type="checkbox" value="soft_boo">soft_boo');
});

$(":checkbox").click(function () {
        alert("foo");
});


HTML Part:
<input id="Idsubmit" type="button" value="afficher">
<p id="P1"></p>
<p id="P2"><input type="checkbox" value="hard_boo">hard_boo</p>