JS/jQuery Form Tracker

HTML

<form id="topform" >First Name:
    <input type="text" class="form" name="First" id="1">
    <br>Last Name:
    <input type="text" class="form" name="Last" id="2">
    <br>Address:
    <input type="text" class="form" name="Address" id="3">
    <br>Address 2:
    <input type="text" class="form" name="Address2" id="4">
    <br>City:
    <input type="text" class="form" name="City" id="5">
    <br>State:
    <input type="text" class="form" name="State" id="6">
    <br />Zip:
    <input type="text" class="form" name="Zip" id="7">
    <br />
    <br />
    <input type="button" id='submit' name="submit names" value="Submit names">
</form>

JavaScript

var array1 = [];
$(document).ready(function () {
    $('input').change(function () {
        var formbox = $(this).attr('id');
        array1.push(formbox);
        console.log("you filled out box " + array1);
    });
    $('#submit').click(function () {
        console.log('tracked ' + array1);
        alert('this is the order of boxes you filled out: ' + array1);
        //_gaq.push(['_trackEvent', 'Form', 'completed', '"' + array1 + '"']);
    });
});