I have some input checkboxes that are being dynamically generated in a $.post callback function. Then i have a $().change() call that does things when the value is changed (alerts some info). However, for the dynamically generated inputs, the .change() does not work. There are other inputs that work that are hardcoded into the html that work, but the other ones do not.
Here is the code.
<html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script>
$(document).ready(function(){
$("#hideme").hide();
$.post("php/test.php",{},function(data){
writeMe = "<input type='checkbox' name='foo' value='" + data + "'>" + data;
$("#insert").html(writeMe);
}, "json");
$("input[name=foo]").change(function(){
alert($(this).attr("value"));
})
});
</script>
</head>
<body>
<div id="insert"></div>
<input type="checkbox" name='foo' value='world'>world
</body>
</html>
php/test.php is simply:
echo json_encode("hello");