I am trying to send a form to an email address and if the email sends properly my php return only 'OK'. This works fine but instead of my .ajaxComplete function recognizing that 'OK' is being returned it is simply echo-ing 'OK' directly to my page. I want to instead hide the form and fill a div with a custom message.

Can someone please shed some light on why this is happening and what I need to do. Thank you for any insights you may/can provide.

 I'm using jQuery 1.7.2. And, here is my code:

2. jQuery(document).ready(function() {
3. 
   
4. jQuery("#form_431558").submit(function() {
5. var str = jQuery(this).serialize();
6. jQuery.ajax({
7. type : "POST",
8. url : "php/contact.php",
9. data : str,
10. dataType : "html",
11. success : function(msg) {
12. jQuery("#note").ajaxComplete(function(event, request, settings) {
13. if(msg == "OK") {
14. result = '<h2>Thank you!<\/h2><p>Your message has been sent.<\/p><img id="checkmark" src="img/check.png" \/>';
15. jQuery("#form_431558").hide();
16. } else {
17. result = msg;
18. }
19. jQuery(this).html(result);
20. });
21. }
22. });
23. return false;
24. });
25. });