Почему моя форма ajax не отправляет данные?

У меня есть коды формы ajax. Это; HTML, JS и PHP, но почему-то я не знаю, почему это не работает. Я уверен, что есть ошибки, но не знаю, где и как. Ниже мой код.

Вот веб-страница формы: ПРИМЕР Но почему-то форма не отправляется (предполагается, что это ajax, но ничего не происходит, когда я нажимаю кнопку отправки)

Мне нужно быстро исправить это и кое-что, что я могу использовать в качестве предпочтения!

// -----------------------------------------------------
// ----------------    CONTACT FORM    -----------------
// -----------------------------------------------------
jQuery(document).ready(function(){

    reddy_contact_form();
    reddy_anchor();

});


function reddy_contact_form(){

    "use strict";

    jQuery(".contact_form #send_message").on('click', function(){

        var fname       = jQuery(".contact_form #fname").val();
        var email       = jQuery(".contact_form #email").val();
        var bname       = jQuery(".contact_form #bname").val();
        var number      = jQuery(".contact_form #number").val();
        var package     = jQuery(".contact_form #package").val();
        var domain      = jQuery(".contact_form #domain").val();
        var logo        = jQuery(".contact_form #logo").val();
        var img         = jQuery(".contact_form #img").val();
        var rcont       = jQuery(".contact_form #rcont").val();
        var descr       = jQuery(".contact_form #descr").val();
        var success     = jQuery(".contact_form .returnmessage").data('success');

        jQuery(".contact_form .returnmessage").empty(); //To empty previous error/success message.
        //checking for blank fields 
        if (fname===''||email===''||bname===''||number===''||package===''||domain===''||logo===''||img===''||rcont===''||descr===''){

            jQuery('div.empty_notice').slideDown(500).delay(2000).slideUp(500);
        }
        else{
            // Returns successful data submission message when the entered information is stored in database.
            jQuery.post("contact_form/contact.php",{ ajax_fname: fname, ajax_email: email, ajax_bname: bname, ajax_number: number, ajax_package: package, ajax_domain: domain, ajax_logo: logo, ajax_img: img, ajax_rcont: rcont, ajax_descr: descr}, function(data) {

                jQuery(".contact_form .returnmessage").append(data);//Append returned message to message paragraph


                if (jQuery(".contact_form .returnmessage span.contact_error").length){
                    jQuery(".contact_form .returnmessage").slideDown(500).delay(2000).slideUp(500);     
                }else{
                    jQuery(".contact_form .returnmessage").append("<span class='contact_success'>"+ success +"</span>");
                    jQuery(".contact_form .returnmessage").slideDown(500).delay(4000).slideUp(500);
                }

                if (data== = ""){
                    jQuery("#contact_form")[0].reset();//To reset form fields on success
                }

            });
        }
        return false; 
    });
}

 function reddy_anchor(){

    "use strict";

    jQuery('.anchor_nav').onePageNav();

    var scrollOffset = 70;

    jQuery(".anchor > a").on('click', function(evn){
        evn.preventDefault();
        jQuery('html,body').scrollTo(this.hash, this.hash, {
            gap: { y: -scrollOffset },
            animation:{
                duration: 1500,
                easing: "easeInOutExpo"
            }
        });
        return false;   
    });

} 

Я был бы очень признателен за помощь, пожалуйста!

Вот тег формы:

<form id = "contact_form" action = "" method = "POST">

А вот тег кнопки отправки:

<input type='button' class='btn btn-finish btn-fill btn-primary btn-wd' name='finish' id = "send_message" value='Finish' />