title: submit form, stay on same page and message confirmation
body: <p>I have a form, and when I submit it, it goes to another page.
  To fix this, I left empty the action field in the html. But now, the php doesn't send the mail.<br>
  I want to stay on same page, send the mail and get a message confirmation. 
  I have not so much knowledge about this, and I can't fix it by myself.
  Here is the code:</p>
  
  <pre><code>  &lt;form id="idForm"method="post" action=""&gt;
                      &lt;div class="row 50%"&gt;
                          &lt;div class="6u 12u$(mobile)"&gt;&lt;input id="nome" required="required" type="text" class="text" name="name" placeholder="Nome" /&gt;&lt;/div&gt;
                          &lt;div class="6u$ 12u$(mobile)"&gt;&lt;input id="email" required="required" type="email" class="text" name="email" placeholder="Correo electrónico" /&gt;&lt;/div&gt;
                          &lt;div class="12u$"&gt;
                              &lt;textarea id="mensaxe" required="required" name="mensaxe" placeholder="Mensaxe"&gt;&lt;/textarea&gt;
                          &lt;/div&gt;
                          &lt;div class="12u$"&gt;
                              &lt;ul class="actions"&gt;
                                  &lt;li&gt;&lt;input type="submit" value="Enviar mensaxe" /&gt;
                                   &lt;span id="message"&gt;&lt;/span&gt;
  
                                  &lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/form&gt;
  </code></pre>
  
  <p>and here the php</p>
  
  <pre><code>&lt;?php
  if(isset($_POST['email'])) {
  
  // Debes editar las próximas dos líneas de código de acuerdo con tus preferencias
  $email_to = "info@mymail.es";
  $email_subject = "Contacto desde el sitio web";
  
  // Aquí se deberían validar los datos ingresados por el usuario
  if(!isset($_POST['name']) ||
  !isset($_POST['email']) ||
  !isset($_POST['mensaxe'])) {
  
  echo "&lt;b&gt;Ocurrió un error y el formulario no ha sido enviado. &lt;/b&gt;&lt;br /&gt;";
  echo "Por favor, vuelva atrás y verifique la información ingresada&lt;br /&gt;";
  die();
  }
  
  $email_message = "Detalles del formulario de contacto:\n\n";
  $email_message .= "Nombre: " . $_POST['name'] . "\n";
  $email_message .= "E-mail: " . $_POST['email'] . "\n";
  $email_message .= "Comentarios: " . $_POST['mensaxe'] . "\n\n";
  
  
  // Ahora se envía el e-mail usando la función mail() de PHP
  $headers = 'From: '.$email_from."\r\n".
  'Reply-To: '.$email_from."\r\n" .
  'X-Mailer: PHP/' . phpversion();
  @mail($email_to, $email_subject, $email_message, $headers);
  
  
  }
  ?&gt;
  </code></pre>
  
  <p>And the js </p>
  
  <pre><code>   $("#idForm").submit(function() {
    event.preventDefault();
  
      var url = "../php/formulario.php"; // the script where you handle the form input.
  
      $.ajax({
             type: "POST",
             url: url,
             data: $("#idForm").serialize(), // serializes the form's elements.
             success: function(data)
             {
                $("message").text("Success Message");
             }
           });
  
      return false; // avoid to execute the actual submit of the form.
  });
  </code></pre>
  
  <p>I appreciate any help!! Thanks.</p>