title: Event fires twice with Jasny Bootstrap
body: <p>The following HTML uses <a href="http://jasny.github.io/bootstrap/javascript/#fileinput" rel="nofollow">Jasny Bootstrap mod fileinput.js</a></p>
  
  <pre><code>&lt;div class="profile_image"&gt;
              &lt;form accept-charset="UTF-8" action="/users/5/update_image" class="edit_user" data-remote="true" enctype="multipart/form-data" id="edit_user_5" method="post"&gt;&lt;div style="margin:0;padding:0;display:inline"&gt;&lt;input name="utf8" type="hidden" value="✓"&gt;&lt;input name="authenticity_token" type="hidden" value="xx6ELZRrTR6XDzmujIPBsCkr8zbK19I/7CprOOTiblM="&gt;&lt;/div&gt;
                  &lt;div class="fileinput fileinput-new" data-provides="fileinput"&gt;
                      &lt;div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 200px; position: relative;"&gt;
                          &lt;img alt="7bbfd77c 1102 4831 9ba8 246fb67460b3.2014 01 17" class="img-responsive" src="http://myweb.com/image.jpg"&gt;
                          &lt;div class="choose_new"&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="btn-file"&gt;
                              &lt;input id="user_avatar" name="user[avatar]" type="file"&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
                      &lt;input name="commit" type="submit" value="Submit"&gt;
              &lt;/form&gt;
  
          &lt;/div&gt;
  </code></pre>
  
  <p>I want to listen to the change.bs.fileinput event to automatically submit the form once an image is selected</p>
  
  <p>using </p>
  
  <pre><code>$(".fileinput").on("change.bs.fileinput", function(e) {
      e.stopPropagation(); 
      alert();
      return false;
  });
  </code></pre>
  
  <p>Doing this will result in 2 alerts</p>
  
  <p>How can I fix this?</p>