[jQuery] IE7 not finding elements in appended html fragment
Hi,
I have a function which inserts a html fragment containing a form into
a page - however when I go to send that form I get an error from IE7
and in the example below if doesn't get the value of any of the
inserted form fields - works fine in FF. Any thoughts? Thanks!
Code below:
$('.s2f').live("click",function(){
id = $(this).attr('data');
$('#form_'+id).append('<table><tr><td><label class="shrt">Your
Email:</label></td><td><input type="text" id="yemail" name="yemail"
class="shrt" /></td></tr><tr><td><label class="shrt">Your Friends
Email:</label></td><td><input type="text" id="femail" name="femail"
class="shrt" /></td></tr><tr><td colspan="2"><label class="shrt">Do
you have a personal message?</label></td></tr><tr><td
colspan="2"><textarea name="fmsg" id="fmsg" class="fmsg"></textarea></
td></tr><tr><td colspan="2" align="right"><br /><span class="close"
data="'+id+'"><input type="button" value="Cancel" /></span><input
type="button" id="s2f_send" data="'+id+'" value="Send" /></td></tr></
table>');
$('#form_'+id).show();
return false;
});
$('#s2f_send').live("click",function(){
id = $(this).attr('data');
err=0;
if($('#femail').val()=="" && err==0){
alert('Please Enter Your Email');
err=1;
}else{
//validate email
if(!validateEmail($('#femail').val()) && err==0){
alert('Please Enter a Valid Email');
err=1;
}
}
//continues ...
return false;
});