title: BlueImp file upload plugin not working
body: <p>I have a page that has the following input elemet:<div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input class="uploadDocument" type="file" name="FileData" id="my-upl" /&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>And then the following javascript for starting the upload:<div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$("#my-upl").fileupload({
    url: uploadUrl,
    dataType: 'string',
    done: successFunction,
    uploadProgress: function(e, data) {
      var pct = parseInt(data.loaded / data.total * 100, 10);
      updateProgressBar(progressDiv, progressBar, progressLabel, Math.round(pct));
    },
    fail: function(e, data) {
      var errorHtml = uploadFailedHtml + "&lt;p&gt;" + data.textStatus + "&lt;/p&gt;";
      showModal(uploadFailedTitle, errorHtml);
    }
  });</code></pre>
  </div>
  </div>
  </p>
  
  <p>It seems that the file upload does not trigger. I've even tried specifying a "start" and an "always" callback to see if anything gets triggered but to no avail.</p>
  
  <p><strong>EDIT:</strong> I've added an "add" callback and this does get triggered when the file is selected but the upload does not start.</p>