title: jQuery .fadeOut Callback to .click Not Working
body: <p>I'm working on an image uploader app, and everything is working great except for one bug, which is occurring only in Chrome. I've stripped down the problem to one callback which isn't going through.</p>
  
  <p>The issue is that a .fadeOut callback to a .click() trigger isn't triggering. I've recreated a simplified version in a fiddle which is linked below. The first click starts the fadeOut, and when the fadeOut is finished, the .click trigger doesn't happen. Clicking a second time Does then trigger the trigger. Any ideas why?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div&gt;&lt;input type="file" name="image_file" id="image_file"/&gt;&lt;/div&gt;
  
  &lt;div class="overlay_wrap"&gt;
      Overlast
  &lt;/div&gt;
  
  &lt;a id="click" href=""&gt;Click&lt;/a&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$(document).ready(function() {
      $("#click").click(function(event) {
          event.preventDefault();
          $('.overlay_wrap').fadeOut(1000, function(event){
              $('#image_file').trigger('click');
          });
      });
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/gg2a7/5/" rel="nofollow">http://jsfiddle.net/gg2a7/5/</a></p>
  
  <p>Thank you for the help!</p>
  
  <p>EDIT: Had the old Fiddle link, changed.</p>