$(document).on('submit', '#contact' , function(event) { url = $(this).attr("action"); console.log(url); $.ajax({ type: "POST", url: url, datatype: "json", data: { "name": $("#contact #name").val(), "email": $("#contact #email").val(), "subject": $("#contact #subject").val(), "message": $("#contact #message").val() }, success: function(data) { var obj = $.parseJSON(data); if (obj.sendstatus === 1) { $("#contactSuccess").removeClass("hide").addClass("show animated bounceIn"); $("#contactError").addClass("hide").removeClass("show animated bounceIn"); } else { $("#contactError").removeClass("hide").addClass("show animated bounceIn"); $("#contactSuccess").addClass("hide").removeClass("show animated bounceIn"); } }, complete: function() { // Reset Form $("#contact") .find('.field') .removeClass("success") .removeClass("error") .find("input") .val(""); } }); event.preventDefault(); });