title: Data submit with ajax get result but not contact form
body: <p>I have a online quiz by <em>jQuery</em>, I want once the user submit it, to send the results with the contact information's of the users to the moderator.</p>
  
  <p>I make it work, sending the results information correctly, the problem is it doesn't send the user information.</p>
  
  <p>I've been playing around with different solution's, I can manage or to have the user information or the results of the quiz, but not both at the same time !</p>
  
  <p>Here is the "contact form":</p>
  
  <pre><code>&lt;form action="submit.php" method="POST" id="form"&gt;
  
  &lt;label&gt;Name&lt;/label&gt;
  &lt;input name="name" placeholder="Type Here"&gt;
  
  &lt;label&gt;Email&lt;/label&gt;
  &lt;input name="email" type="email" placeholder="Type Here"&gt;
  
  &lt;label&gt;Message&lt;/label&gt;
  &lt;textarea name="message" placeholder="Type Here"&gt;&lt;/textarea&gt;
  
  &lt;input id="button" type="submit" value="Send" class="btnShowResult"&gt;
  </code></pre>
  
  <p>  </p>
  
  <p>Here is the <em>jQuery</em> part about the ajax to send the data result of the quiz, the div #resultKeeper being the result I want to receive</p>
  
  <pre><code>$(function() {
    $('#form').on('submit',function(e) { e.preventDefault();
          $.ajax({
                url:'submit.php',
                type:'POST',
                data:{'results':$('#resultKeeper').html(),'subject':'Subject of your e-mail'},
                success:function() {
  $('#responseMessage').html()
                }
          });
          return false;
  
    });
  });
  </code></pre>
  
  <p>here is my PHP</p>
  
  <pre><code>&lt;?php $name = $_POST['name'];
  $email = $_POST['email'];
  $message = $_POST['message'];
  $results = $_POST['results'];
  $formcontent="From: $name \n Message: $message \n Results: \n $results";
  $recipient = "myemail@gmail.com";
  $subject = "my subject";
  $mailheader = "From: $email \r\n";
  mail($recipient, $subject, $formcontent, $mailheader) or die("Error!");
  echo "Your email has been send, thank you";
  ?&gt;
  </code></pre>
  
  <p>If in the Jquery I change the </p>
  
  <pre><code>$(function() {
    $('#form').on('submit',function(e) 
  </code></pre>
  
  <p>by #button instead of #form, I receive the informations from the contact form, but not anymore from the results.</p>
  
  <p>Also by keepin the #form, I receive the result of the quiz, and few value as the form content, but not the informations from the placeholder !, here is what I receive by email:</p>
  
  <pre><code>"
  From:
   Message:
   Results:
   &lt;div&gt; Question 1 is true&lt;/div&gt;&lt;div&gt; Question 2 is false\&lt;/div&gt;&lt;div&gt; Question 3 is true\&lt;/div&gt;\&lt;div&gt; Question 4 is false\&lt;/div&gt;\&lt;div&gt; Question 5 is false\&lt;/div&gt;\&lt;div class=\"totalScore\"&gt;\&lt;br&gt;Your total score is 2 / 5\&lt;/div&gt;\&lt;div class=\"totalScore\"&gt;\&lt;br&gt;CONGRATULATION, YOUR LEVEL IS A1.1\&lt;/div
  "
  </code></pre>
  
  <p>As we can see I have the From: and Message: appearing, but not the proper name and message that the user are writing ..  .</p>
  
  <p>Any help will be adorable !!</p>
  
  <p>Here is the allcode of JSFiddle:</p>
  
  <p><a href="http://jsfiddle.net/ccwJJ/" rel="nofollow">http://jsfiddle.net/ccwJJ/</a></p>