title: Ajax form contact (jquery)
body: <p>i have a problem with an ajax contact form. I have an xmlhttprequest error, but i don't know why.
  Here is my code : </p>
  
  <pre><code>&lt;?php
  if(isset($_POST)){
  if(!empty($_POST['nom']) &amp;&amp; !empty($_POST['email']) &amp;&amp; !empty($_POST['date']) &amp;&amp; !empty($_POST['message']))
  {
      $message = '
              Quelqu\'un vous a contacter pour une prestation : \n:
              Nom du client : '.$nom.'\n
              Email du client : '.$email.'\n
              Date de la préstation : '.$date.'\n
              Message : \n 
              '.$message;
      if(mail('my.email@gmail.com', 'Demande de préstation MonSite', $message))
      {
          $msg = "Votre message à bien été envoyé. Nous vous répondrons dès que possible";
      }
      else
      {
          $msg = "Impossible d'envoyer le message, merci de nous contacter via &lt;em&gt;admin@site.fr&lt;/em&gt;";
      }
      echo $msg;
  }
  }
  ?&gt;
  </code></pre>
  
  <p>And this my js script : </p>
  
  <pre><code>var form = $("#contact-form");
  form.submit(function(){
      $(this).serialize();
      var data = [];
      data.email = $(this).find('input[name="email"]').val();
      data.nom = $(this).find('input[name="nom"]').val();
      data.date = $(this).find('input[name="date"]').val();
      data.message = $(this).find('textarea[name="message"]').val();
      $.ajax({
              url: 'contact.php',
              type: 'post',
              data: {data},
              success: function (msg) {
                  form.append('&lt;div class="form-status"&gt;' + msg + '&lt;/div&gt;');
              },
                                  error:function(jqXHR)
                      {
                          console.log(jqXHR);
                      }
          });
      return false;
  });
  </code></pre>
  
  <p>My mail isn't send, and i've no callback, do you know why ?
  Cordialy</p>