title: jQuery File Upload not triggering upload
body: <p>I'm using this code to upload files:</p>
  
  <pre><code>&lt;form&gt;
  &lt;script src="/static/js/vendor/jquery.ui.widget.js"&gt;&lt;/script&gt;
  &lt;script src="/static/js/jquery.iframe-transport.js"&gt;&lt;/script&gt;
  &lt;script src="/static/js/jquery.fileupload.js"&gt;&lt;/script&gt;
  
  &lt;p&gt;
      &lt;input id="fileupload" type="file" name="files[]" data-url="/upload-files/" multiple="multiple"&gt;
  &lt;/p&gt;
  
  &lt;p&gt;
      &lt;button id="upload-images-button" class="upload-images btn btn-success btn-large"&gt;Add images&lt;/button&gt;
  &lt;/p&gt;
  &lt;/form&gt;
  
  &lt;script&gt;
  
  $(document).ready(function() {
      $('.upload-images').click(function() {
          $('#fileupload').trigger('click');
      });
  });
  
  $(function () {
      $('#fileupload').fileupload({
          autoUpload: true,
          dataType: 'json',
          done: function (e, data) {
              alert('uploaded');
          }
      });
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Clicking <code>#fileupload</code> works fine: it opens the browser file selection window, and once I select a file, it makes a request to <code>data-url</code> and triggers <code>alert('uploaded')</code>.</p>
  
  <p>But clicking <code>#upload-images-button</code> doesn't work: it opens the browser file selection window, but after I select a file, nothing happens.</p>