title: How do I submit HTML hidden form fields to iPad iOS Safari and/or Chrome?
body: <p>I have a simple form-app that works great with full operating systems/browsers, but when I submit the form data using an iPad, none of the <code>&lt;input type='hidden'&gt;</code> fields data show up on the results page. All the other data loads correctly. I am using Template Toolkit to populate the results page with the form parameters.</p>
  
  <p>HTML snippet:</p>
  
  <pre><code>&lt;input id='patientCity' name='patientCity' type='hidden'&gt;
  &lt;input id='patientState' name='patientState' type='hidden'&gt;
  &lt;label for='zip'&gt;Zip Code&lt;/label&gt;
  &lt;input name='patientZip' id='patientZip' placeholder='Zip Code' type='text' class='mediumInput' required&gt;
  </code></pre>
  
  <p>Javascript snippet ($zip is passed in as 'patient'):</p>
  
  <pre><code>function loadCityStates($zip) {
       var $actualZip = ($zip + "Zip");
       var $city = ($zip + "City");
       var $state = ($zip + "State");
       document.getElementById($actualZip).onchange = function() {
            populateCityState(document.getElementById($actualZip).value);
            document.getElementById($city).value = $cityState[0];
            document.getElementById($state).value = $cityState[1];
       }
  }
  </code></pre>
  
  <p>TT HTML snippet:</p>
  
  <pre><code>&lt;span class="item"&gt;Address: &lt;/span&gt;&lt;span class="info"&gt; [% params.patientStreet %]; [% params.patientCity %], [% params.patientState %] [% params.patientZip %] &lt;/span&gt;
  </code></pre>
  
  <p>Thanks!</p>