title: Save form input data to use on another page
body: <p>There are three web pages. I want to transfer data from my first page  and second page to the third page.
  The first webpage is a simple form.
  The second webpage consists of Dynamic table.
  The webpage should print the the other two pages data.</p>
  
  <p><strong>vib1.html</strong>
       
       </p>
  
  <pre><code> &lt;h1&gt;&lt;b&gt;ENTER YOUR PERSONAL DETAILS&lt;/b&gt;&lt;/h1&gt;
  
  
   &lt;form name="vibhu"     action="file:///E:/eclipse_workspace/MyFirstWebApp/WebContent/html/vib3.html" method="GET"&gt;
  &lt;b&gt;Full Name :&lt;/b&gt;&lt;br&gt;&lt;input type="text" name="name"&gt;&lt;br&gt;
  &lt;b&gt;Age :&lt;/b&gt;&lt;br&gt;&lt;input type="text" name="age"&gt;&lt;br&gt;
  &lt;b&gt;Gender :&lt;/b&gt;&lt;br&gt;
  Male&lt;input type="radio" name="gender"&gt;
  Female&lt;input type="radio" name="gender"&gt;&lt;br&gt;
  &lt;b&gt;Email :&lt;/b&gt;&lt;br&gt;&lt;input type="text" name="email"&gt;&lt;br&gt;&lt;br&gt;
  &lt;input type="submit" value="Next" &gt;
  
  
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>vib2.html</strong>
      
      
            </p>
  
  <pre><code>&lt;div&gt;
      &lt;input type="button" value="Add" class="plusbtn" /&gt; &lt;input
          type="button" value="Remove" class="minusbtn" /&gt;
  &lt;/div&gt;
  
  &lt;table width="50%" border="1" cellpadding="1" cellspacing="1"
      class="test"&gt;
      &lt;tr&gt;
          &lt;td&gt;Street&lt;/td&gt;
          &lt;td&gt;HouseNo&lt;/td&gt;
          &lt;td&gt;City&lt;/td&gt;
          &lt;td&gt;Country&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;input type="text" class="txtbox" value="" /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" class="txtbox" value="" /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" class="txtbox" value="" /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" class="txtbox" value="" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;form name="vibhu"
      action="file:///E:/eclipse_workspace/MyFirstWebApp/WebContent/html/vib3.html"
      method="GET"&gt;
      &lt;input type="submit" value="Submit"&gt;
  &lt;/form&gt;
  &lt;style&gt;
  .txtbox {
  border: none;
  width: 100%;
  }
  
  input {
  font-size: 17px;
  height: 30px;
  }
  
  table {
  background: none repeat scroll 0 0 #abcdef;
  border: 1px solid #000;
  }
  &lt;/style&gt;
  &lt;script
      src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;
  
  &lt;/script&gt;
  &lt;script&gt;
      $('.plusbtn')
              .click(
                      function() {
                          $(".test")
                                  .append(
                                          '&lt;tr&gt;&lt;td&gt;&lt;input type="text" class="txtbox" value="" /&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" class="txtbox" value="" /&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" class="txtbox" value="" /&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" class="txtbox" value="" /&gt;&lt;/td&gt;&lt;/tr&gt;');
                      });
      $('.minusbtn').click(function() {
          if ($(".test tr").length != 2) {
              $(".test tr:last-child").remove();
          } else {
              alert("You cannot delete first row");
          }
      });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>vib3.html</strong>
      
      
      
      
      <h1>The Personal Details are: </h1>
      
      
      </p>