[jQuery] inserted html content doesn't respond to events?
Here's what I'm trying to do:
Jquery:
*************
$(".test").click(function(event){
event.preventDefault();
$("#testing").html('<a href="#" class="test2" id="1">test again</
a>');
});
$("#test2").click(function(event){
event.preventDefault();
alert($(this).attr("id"));
});
***************
html:
**************
<div>
<a href="#" class="test" id="1">test</a>
</div>
<div id="testing"></div>
*****************
Am I going about this all wrong?