title: Submit form fields inside display:none element
body: <p>I have a long form that I've broken up into 6 steps. When the form is loaded, all of the steps are loaded, but only the first step is visible. The rest have CSS of <code>display:none</code> so they are hidden.  As a step is completed and validated with Javascript, the current step is set to <code>display:none</code> and the new step is set to <code>display:block</code>.  On the final step, the user submits the form.  However, as expected, only the fields in <code>display:block</code> element on the page are submitted. All the completed fields in the elements with <code>display:none</code> are ignored.</p>
  
  <p>Is there a way to submit the fields inside the <code>display:none</code> elements?</p>
  
  <p>If not, is there another way to achieve the same effect?</p>