title: Submit hidden fields in a html form
body: <p>For a basic HTML form, I would like to seperate the form into three tabs, each tab will contain certain fields, and when submit the form I wish all data in the three forms will be able to submit.</p>
  
  <p>So I have a menu created by <code>&lt;ul&gt;</code> and <code>&lt;li</code>></p>
  
  <pre><code>&lt;ul class="subnav"&gt;
      &lt;li class="subnav0 current"&gt;&lt;a href="javascript:showTab('tab1');"&gt;Tab1&lt;/a&gt;&lt;/li&gt;
      &lt;li class="subnav1"&gt;&lt;a href="javascript:showTab('tab2');"&gt;Tab2&lt;/a&gt;&lt;/li&gt;
      &lt;li class="lastItem subnav2"&gt;&lt;a href="javascript:showTab('tab3');"&gt;Tab3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>and below this menu, I have three divs that represent each of the tab:</p>
  
  <pre><code>&lt;div class="tab1"&gt;&lt;/div&gt;
  &lt;div class="tab2 displayNone"&gt;&lt;/div&gt;
  &lt;div class="tab3 displayNone"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The input controls elements will be put into each of the tab divs. And the javascript in the menu nav bar will control which tab to display by call <code>show()</code> &amp; <code>hide()</code> method of each div. (Using jQuery).</p>
  
  <p>Now my problem is:</p>
  
  <p>1) I want to be able to submit the whole form (all controls within three divs). However, html forms won't submit input controls within a displayNone div, which means I will only be able to submit the data within the tab which I am currently viewing but not the other two tabs.</p>
  
  <p>2) I also want to do some javascript functions on hide elements when initialize the form in tab2 or tab3. However, since they are display:none, the javascript will not have any effect.</p>
  
  <p>So is there any way that I can somehow hide the div, but also be able to submit the form and do any javascript operation on it?</p>