.on submit функция запускается дважды - jQuery

Question

Когда я выбираю файл ниже, функция изменения запускается один раз и дважды вызывает функцию отправки, на localhost он вызывается один раз, но в режиме реального времени его вызов 2 раза.

// On change in file input. 
jQuery(document).on("change", 'input#file', function() 
{ 
    // runs once. 
    jQuery('input#submit').submit(); 
}); 

// Submit form. 
jQuery(document).on("submit", 'form', function(event) 
{ 
    // runs 2 times 
} 

HTML:

<form id="upload" action="" method="post"> 
     <div id="drop_area" class="drop"> 
      <input id="file" type="file" name="files" /> 
      <input id="submit" class="uploadSubmit" type="submit" value="submit"> 
     </div> 
    </form> 

- EDIT -

Fiddle

Answer 1

Работал:

это изменить:

<input id="submit" class="uploadSubmit" type="submit" value="submit"> 

к:

<input class="uploadSubmit" type="submit" value="submit"> 

и использование:

jQuery('.uploadSubmit').submit();