title: what listeners are called when a file is selected from a file chooser in javascript
body: <p>I'm working on creating an upload button for my website but I'm unable to trigger events based on when the file is selected for the upload. I was under the impression that the .submit function did this but I'm unable to get any results from this.
  HTML</p>
  
  <pre><code>    &lt;input type="button" id="uploadbutton" value="Upload File" /&gt;
      &lt;form action="includes/uploader.php" method="POST" id="fileupload_form"&gt;
          &lt;input id="fileupload" type="file" name="files[]" multiple style="display:none;"&gt;
          &lt;input id="server" type="hidden" name="server" value="upload"&gt;
          &lt;input type="hidden" id="storeA" value="statement_upload" name="storeA"&gt;
      &lt;/form&gt;
  </code></pre>
  
  <p>Javascript/jQuery</p>
  
  <pre><code>var fileupload = $("#fileupload");
  
  $("#uploadbutton").click( function(){
      fileupload.click();
  });
  
  $("#fileupload_form").submit( function(e){}
  </code></pre>
  
  <p>This javascript function will not run when trying to select the file and no errors are given. Any and all help is appreciated!</p>