Formulário de Contato, como fazer funcionar.

Pessoal, alguém pode me ajudar por favor? Estou acostuma a editar templates que vem com os arquivo .php do contato. Esse que estou editando não tem. Revirando os code achei o main.js e dentro dele tem o seguinte code:

/ ---------------------------------------------------------------------- /
/ ------------------------------- CONTACT ------------------------------ /
/ ---------------------------------------------------------------------- /

 $("#submit_btn").on('click', function() {
 //get input field values
 var user_name = $('input[name=name]').val();
 var user_email = $('input[name=email]').val();
 var user_message = $('textarea[name=message]').val();

 var proceed = true;
 if (user_name == "") {
 $('input[name=name]').css('border-color', 'red');
 proceed = false;
 }
 if (user_email == "") {
 $('input[name=email]').css('border-color', 'red');
 proceed = false;
 }
 if (user_message == "") {
 $('textarea[name=message]').css('border-color', 'red');
 proceed = false;
 }
 if (proceed) {
 //data to be sent to server
 var post_data = {
 'userName': user_name,
 'userEmail': user_email,
 'userMessage': user_message
 };
 var output;
 //Ajax post data to server
 $.post('php/contact.php', post_data, function(response) {

 //load json data from server and output message
 if (response.type == 'error') {
 output = '<div class="error">' + response.text + '</div>';
 } else {
 output = '<div class="success">' + response.text + '</div>';

 //reset values in all input fields
 $('#contact_form input').val('');
 $('#contact_form textarea').val('');
 }

 $("#result").hide().html(output).slideDown().delay(4000).slideUp();
 }, 'json');

 }
 });

 //reset previously set border colors and hide all message on .keyup()
 $("#contact_form input, #contact_form textarea").on('keyup', function() {
 $("#contact_form input, #contact_form textarea").css('border-color', '');
 $("#result").slideUp();
 });

Alguma alma caridosa me ajude kkkk

Grato antecipadamente.