I've spent the whole day trying to figure this out. I'm appending a form into a td, then that form has a submit action on it. It works in all browsers except for IE, where it just goes redirects to another page. I'm thinking that it might be that the new form isn't a part of the DOM in IE7. But if I use .load instead of append it still redirects.
$(document).ready(function(){ //Place contact us form on page $('td:last','#content_table').append('<p><h2>Contact us about this Trip</h2><div id="c_t_form_container"><form name="contact_trip_form" id="contact_trip_form"><ul><li>Name<br /><input id="name" type="text" / ></li><li>Email<br /><input id="email" type="text" /></li><li><input id="submit" value="Send" type="submit" /></li></ul></form><div id="c_t_form_message">If your are interested in this trip and would like more information, please fill out our form and we will get back with you shortly.</div></div><div id="success"><img src="img/ comments.png" alt="comments success"/><br/><b>Thank you for your interest in this trip!</b></div>'); // Get Page Title var title = $('title').text(); $("#c_t_form_container form").live("submit", function(){ var name = $("#name").val(); var email = $("#email").val(); $.ajax({ type: "POST", url: "app/contact_send.php", data: 'Name:'+ name + 'Email:' + email + 'Trip Title' + title, success: function(del){ $('#c_t_form_container').fadeOut('normal', function () { $('#success').fadeIn('slow'); }); } }); return false; }); });