title: How to collect form data in multiple steps and summarize it
body: <p><strong>Problem</strong></p>
  
  <p>I have a form which is divided into five different sections. <em>Find the Image below</em>. When a person comes on this page I direct him/her directly to the <strong>Summary stage</strong> with pre-populated data which is working fine. Where the problem comes is there's an option for the user to go n edit this form by clicking on <strong>prev</strong> button. After the user changes the value in the previous stages and comes back to the summary stage it still shows them the default information which came through the pre-populated data but when a user submit form it submits the correct info with new edited data.</p>
  
  <p>Is there any way I can refresh or reload it? I'm using the below code to display this summary.</p>
  
  <p><strong>Code</strong></p>
  
  <pre><code>//Button to reach the summary stage    
  &lt;button type="button" class="next" id="summary" onclick="loadnext(4,5);"&gt;&lt;img src="images/next.jpg" alt="" /&gt; &lt;/button&gt;
  
  
  //Display
  &lt;tr&gt;
      &lt;td&gt;Team Name&lt;/td&gt;
      &lt;td id='t_name_SUM'&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;Team Visibility&lt;/td&gt;
      &lt;td id='t_visibility_SUM'&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>