title: Display submitted form data on same page
body: <p>I am trying to display what is typed and submitted in my form, on the same page. I got the first entry "name" to display, but can't get the rest to show up. I am using JQuery validator. I feel like it's something simple I am missing here. Thanks!</p>
  
  <p>Script:</p>
  
  <pre><code>$(function() {
      $("#signup").validate();
  
      $("#signup").submit(function(e) {
          e.preventDefault();
  
          var display = 
  
          $("#name").val();
          $("#theage").val();
          $("#theemail").val();           
  
  
          $("#result").html(display);
      });
  });
  </code></pre>
  
  <p>Html:</p>
  
  <pre><code>&lt;div&gt;
      &lt;form id="signup"&gt;
          &lt;label for="name" class="label"&gt;Enter your name&lt;/label&gt;
          &lt;input type="text" name="name" id="name" title="Required" class="required"&gt;&amp;nbsp;
  
          &lt;label for="theage" class="label"&gt;Enter your age&lt;/label&gt;
          &lt;input type="text" name="theage" id="theage" title="Required" class="required digits"&gt;&amp;nbsp;
  
          &lt;label for="theemail" class="label"&gt;Enter your email&lt;/label&gt;
          &lt;input type="text" name="theemail" id="theemail" title="Please enter a valid email address" class="required email"&gt;&amp;nbsp;
  
          &lt;input type='submit' value='Submit' name="submit" id='submitme'&gt;
      &lt;/form&gt;
  
      &lt;p&gt; Your name: &lt;/p&gt;
      &lt;p&gt; Age: &lt;/p&gt;
      &lt;p&gt; Email: &lt;/p&gt;
      &lt;p id="result"&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>