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.
Here's the code:
<script>
$('#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 = '&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);
</script>
<form action="https://docs.google.com/forms/d/1vl7imylKoya3y8bnboD7WTQ5VsdVw1YmDA1-3_66Apo/formResponse?entry.1017875735="
<form id="emailForm" action="" method="POST" target="no-target">
<input id="email" type="email" placeholder="enter email" name="email">
<button id="email-submit" type="submit"></button>
</form>