title: How can I upload a file + form data with blueimp's JQuery File Upload using Ajax, not just POST?
body: <p>I have a form:</p>
  
  <p></p>
  
  <pre><code>  &lt;div class="row-fluid"&gt;
  
      &lt;div class="span5 row-fluid" id="description" style="margin-left:0px;"&gt;
        &lt;div&gt;
            &lt;label&gt;Title&lt;/label&gt;
            &lt;input class="span12" type="text" placeholder="Title" id="description_title" name="description_title"/&gt;
            &lt;label&gt;Author&lt;/label&gt;
            &lt;input class="span12" type="text" placeholder="Author" id="description_author" name="description_author"/&gt;
            &lt;label&gt;Tags&lt;/label&gt;
            &lt;input class="span12" type="text" placeholder="Tags" id="description_tags" name="description_tags"/&gt;
            &lt;label&gt;Description&lt;/label&gt;
            &lt;textarea class="span12" id="description_textarea" name="description_textarea" rows="5" style="resize:none"&gt;&lt;/textarea&gt;
  
            &lt;div id="buttons" class="row-fluid" style="margin-top: 5px"&gt;
                &lt;div class="span12"&gt;
                  &lt;span class="span5 btn btn-primary btn-file" id="chose_files_btn" onclick="filechose_button.click()"&gt;chose files
                    &lt;input id="filechose_button" type="file" name="fileData" data-url="http://localhost:3001/upload/1234567890"/&gt;&lt;/span&gt;
                  &lt;button id="upload_button" type="submit" name="upload" class="span5 offset2 btn btn-success" disabled="true" onclick="$('#upload_form').trigger('upload_fired');"&gt;upload&lt;/button&gt;
                &lt;/div&gt; &lt;!-- span12 --&gt;
            &lt;/div&gt; &lt;!-- buttons --&gt;
        &lt;/div&gt; &lt;!-- well --&gt;
      &lt;/div&gt; &lt;!-- video_description --&gt;
    &lt;/div&gt; &lt;!-- row-fluid --&gt;
  </code></pre>
  
  <p></p>
  
  <p>How can I integrate a JQuery Upload Plugin in such a way, that after choosing a file with <code>filechose_button</code> I can enable the <code>upload_button</code> and send all input fields and file(s) using AJAX, not like it works now just reloading the page after a POST request.</p>
  
  <p>the js for upload is:</p>
  
  <pre><code>$(function () {
      $('#filechose_button').fileupload({
          dataType: 'json',
          add: function (e, data) {
              data.context = $('#upload_button');
                  $('#upload_button').click(function () {
                      data.submit();
                  });
          },
          done: function (e, data) {
              data.context.text('Upload finished.');
          }
      });
  });
  </code></pre>
  
  <p>but still it sends the data not using AJAX</p>