title: ajaxForm not submitting on file input select change
body: <p>Hey guys I'm trying to submit a simple form with a file input type in it. The challenge is that I want the submission to occur on file select.</p>
  
  <p>My form is as follows:</p>
  
  <pre><code>&lt;form id="uploadForm" action="submit.php" method="post" enctype="multipart/form-data"&gt;
      &lt;div class="fileUpload btn btn-lg btn-primary"&gt;
          &lt;span&gt;Choose File&lt;/span&gt;
          &lt;input id="imageBtn" type="file" class="upload" name="image"/&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>My JavaScript is as follows:</p>
  
  <pre><code>$("input#imageBtn").change(function () {
          console.log("submitting...");
          // bind to the form's submit event
          $('#uploadForm').submit(function() {
              console.log("submitting...form");
              $('#uploadForm').ajaxSubmit();
              return false;
          });
  });
  </code></pre>
  
  <p>For some reason I only see "submitting..." in my console and nothing beyond that and nothing gets submitted.</p>
  
  <p>Any help would be greatly appreciated!</p>
  
  <p>Thank you.</p>