[jQuery] Ajax call -> lost event handlers
Here's my html:
<body>
<div id="content">
aaa
<select id="selecten">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
</body>
Ande here's my js:
$(document).ready(function(){
$("#selecten").change(function(){
$("#content").load("ajax.html",{id: $("#selecten
option:selected").val()});
});
});
ajax.html prints out this:
bbb
<select id="selecten">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
So what i do is that i replace the content of my content-div on the
change-event of my select. After this is done the event-handler that i
set to the select is lost. I guess it's because the old select has
been replaced with a new one with the same id. How can i rebind the
event to my select after the ajax call has been done?
Thanks!
/Niklas