simple form w async call to backend

ajax_w_html_validation

<form id="foo">
<input type="text" name="name">
<!--
  ....
  -->
</form>

<script>
//callback doesn't run if HTML validation fails
$('form').submit(function(event) {
      event.preventDefault();
    var $form = $(this);
    var form_id = $form.attr('id');
    webinar_setup(form_id);
});
function webinar_setup(form_id){
    event.preventDefault();
    var form = $('#'+form_id)[0];
    var data = new FormData(form);
    $.ajax({
        type: "POST",
        enctype: 'multipart/form-data',
        url: "webinar_back.php",
        data:data,
        processData: false,
        contentType: false,
        cache: false,
        timeout: 600000,
        success: function (data) {
            console.log(data);
            //$('#success-alert).show();
        },
        error: function (e) {
            console.log(e);
            //$('#danger-alert).show();
        }
});    
}
</script>