title: HTML input field to Google Spreadsheet
body: <p>It seems I have it almost working, but for some reason when I'm trying to submit data from an input field to a Google spreadsheet, it does add data, but not the data that is being inputed. So in the Google spreadsheet I see a new entry with timestamp, but not the inputed data.</p>
  
  <p>Here's the code:</p>
  
  <pre><code>&lt;script&gt;
  $('#emailForm').one('submit',function(){
      var inputField = encodeURIComponent($('#emailForm').val());
  var baseURL = 'http://docs.google.com/forms/d/1vl7imylKoya3y8bnboD7WTQ5VsdVw1YmDA1-3_66Apo/formResponse?entry.1017875735=';
  var submitRef = '&amp;submit=Submit';
  var submitURL = (baseURL + emailAddress + submitRef);
  $(this)[0].action=submitURL;
  $('#email').addClass('active').val('Thank You!');
  setTimeout(function(){
    $('#form-container').hide();
    $('#update-form').animate({'width': '0px'},300,function(){
      $('#get-updates-link').hide();
        $('#email').addClass('active').val('Thank You!');
    });
  },1000); 
  &lt;/script&gt;
  
  
  
  &lt;form action="https://docs.google.com/forms/d/1vl7imylKoya3y8bnboD7WTQ5VsdVw1YmDA1-3_66Apo/formResponse?entry.1017875735="
  
  &lt;form id="emailForm" action="" method="POST" target="no-target"&gt;
    &lt;input id="email" type="email" placeholder="enter email" name="email"&gt;
    &lt;button id="email-submit" type="submit"&gt;&lt;/button&gt;
  &lt;/form&gt; 
  </code></pre>