title: Dynamically adding files to a input
body: <p>I'm using this plugin: <a href="http://www.igloolab.com/jquery-html5-uploader/" rel="nofollow">jQuery HTML5 uploader</a> (see the demo), inside a form. I want to send uploaded files with the POST method when user submit the form.</p>
  
  <p>Maybe can I create a <code>input[type="file"]</code>, make it hidden, and dynamically add uploaded files with the plugin inside the input? It is possible?</p>
  
  <hr>
  
  <p>So, if I can't do that, how can I upload files to server with this plugin, only when user click on the submit button? I know that the plugin it's already doing that with AJAX, but I want to upload them <strong>only</strong> if user clicks on a button.</p>
  
  <p>Maybe should I create a variable named for example <code>files</code> and, when user clicks on the submit button use AJAX myself to send files and the rest of inputs data?</p>
  
  <p>Something like this:</p>
  
  <pre><code>jQuery( "#dropbox" ).html5Uploader({
      onClientLoadStart: function( event, file ) {
          files[] = file;
          [...]
      }
  });
  
  [...]
  
  jQuery("#button").on("click", function() {
      jQuery.ajax({
          data: files
      });
      [...]
  });
  </code></pre>