jQuery work with changed div

[questionable]

Hello everyone,

Using:
FF: 3.5
jQuery: latest

Is there a way to make jQuery use code that has been injected into a <div> element.

This code works:

....all the including of Jquery etc goes here...

$("#test").click(function()
{
	alert("Hey this Works!");
});

...ending scripts and going to body etc.....
<div id=results><input type=button id=test></div>

This code will not work:

PHP Code:

//PHP Code called under specific getjson
$html .= "<input type=button id=test>";
return $html; 


....all the including of Jquery etc goes here...
$.getJSON(url, function(data)
{
	$("#results").html(data); //this does successfully add input button
});
$("#test").click(function()
{
	alert("Why won't this work!");
});
...ending scripts and going to body etc.....
<div id=results></div>

This code successfully adds <input id=test> into <div id=results> but it will not execute because it has been added later. Is there a way to make this work with getJson?

Thanks,

questionable

[Fumigator]

With the latest jQuery version there is a function called live() which you can use for this very purpose. Here's a similar thread on the subject:

http://codingforums.com/showthread.p...highlight=live

[tomws]

I've had this happen. I think the workaround is to put the new click handler inside the json function so that the event is attached after the appropriate element is inserted.

$.getJSON(url, function(data)
{
	$("#results").html(data); //this does successfully add input button
	$("#test").click(function()
	{
		alert("Why won't this work!");
	});
});

There's probably a better way to do it, but I think that's how I got mine to work.

[tomws]

Originally Posted by Fumigator

With the latest jQuery version there is a function called live() which you can use for this very purpose.

And there's the better way!

[questionable]

Works Great!