How to make sure the event is tracked BEFORE the form is submitted.

gistfile1.js

jQuery(document).ready(function($){
    $('form').submit(function(event){
        //if analytics object exists
        if(window._gat){
            event.preventDefault();
            optinForm = this;
            _gaq.push(['_set','hitCallback', function(){
                                                optinForm.submit();
                                             }]);
            _gaq.push(['_trackEvent', 'Forms', 'Submit', 'hbsanewtraffic']);
        }
        //if no analytics object, service as normal
    });
});

great work on this issue. and this way you can hook it up directly in the form's onSubmit too (if you can't rely on jquery or want/need to keep the code in the form itself)

onSubmit="
if(window._gat){
    event.preventDefault();
    Form = this;
    _gaq.push(['_set','hitCallback', function(){
        Form.submit(); 
    }]);
    _gaq.push(['_trackEvent', 'e_cat', 'e_action', 'e_label']);
//  alert('event sent');
}
// alert('submit');
"

thanks nasieti, this will be useful