Problème formulaire de contact avec ajax

Bonjour, j'ai écrit ce code afin que de rendre l'envoi des e-mails transparent pour l'utilisateur ( pas de chargement de page ) mais ça n'a pas marché. Lorsque je fais un var_dump($_POST), il me dit qu'il est vide. Quelqu'un peut m'aider s'il vous plait?
Voici mon code

$('.contact-form').on('submit', function(e){
        e.preventDefault();
        var url = $(this).attr('action');
        var msg = null;
        if($('#form-submit').attr('value') == 'Submit'){
            msg = 'Sending, please wait...';
        }
        else{
            msg = 'Envoi en cours, veuillez patienter...';
        }
        $('.result').remove();
        $('.contact-form').append('<div class="result loader">' + msg + '</div>');
        $.ajax({
            url: url,
            type: 'POST'
        })
        .done(function(data, text, jqxhr){
            if($('#form-submit').attr('value') == 'Submit'){
                msg = 'Your message has been sent !';
            }
            else{
                msg = 'Votre message a été envoyé !';
            }
            $('.contact-form').append('<div class="result success-result">' + msg + '</div>');
            $('.result').hide().fadeIn('slow');
        })
        .fail(function(jqxhr){
            $('.contact-form').append('<div class="result fail-result">' + jqxhr.responseText + '</div>');
            $('.result').hide().fadeIn('slow');
        })
        .always(function(){
            $('.loader').remove();
        });
    });