title: jQuery file upload preview image not working
body: <p>I am using the <a href="http://blueimp.github.io/jQuery-File-Upload/" rel="nofollow">jQuery File Upload</a>, everything is working apart from the image preview before upload.</p>
  
  <p>I added all the JS files like the demo and the same JS.ie footer:</p>
  
  <pre><code>&lt;script src="/assets/jquery/jquery-1.10.2.js"&gt;&lt;/script&gt;
  &lt;script src="/assets/jquery/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;script src="/assets/twitter/bootstrap.js"&gt;&lt;/script&gt;
  &lt;script src="/assets/load-image.min.js"&gt;&lt;/script&gt;
  &lt;script src="/assets/tmpl.min.js"&gt;&lt;/script&gt;
  &lt;script src="/assets/canvas-to-blob.min.js"&gt;&lt;/script&gt;
  &lt;script src="/assets/jquery/plugins/upload/jquery.iframe-transport.js"&gt;&lt;/script&gt;
  &lt;script src="/assets/jquery/plugins/upload/jquery.fileupload.js"&gt;&lt;/script&gt;
  &lt;script src="/assets/jquery/plugins/upload/jquery.fileupload-process.js"&gt;&lt;/script&gt;
  &lt;script src="/assets/jquery/plugins/upload/jquery.fileupload-image.js"&gt;&lt;/script&gt;
  &lt;script src="/assets/jquery/plugins/upload/jquery.fileupload-validate.js"&gt;&lt;/script&gt;
  &lt;script src="/assets/jquery/plugins/upload/jquery.fileupload-ui.js"&gt;&lt;/script&gt;
  &lt;script src="/assets/flatui/flatui-checkbox.js"&gt;&lt;/script&gt;
  &lt;script src="/assets/backend.upload.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>In the upload JS I have:</p>
  
  <pre><code>$(function () {
      'use strict';
  
      // Initialize the jQuery File Upload widget:
      $('#fileupload').fileupload({
          url: 'photos',
          maxFileSize: 5000000,
          acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i
      });
  
      // Enable iframe cross-domain access via redirect option:
      $('#fileupload').fileupload(
          'option',
          'redirect',
          window.location.href.replace(
              /\/[^\/]*$/,
              '/cors/result.html?%s'
          )
      );
  
  
          // Load existing files:
      $('#fileupload').addClass('fileupload-processing');
      $.ajax({
          // Uncomment the following to send cross-domain cookies:
          //xhrFields: {withCredentials: true},
          url: $('#fileupload').fileupload('option', 'url'),
          dataType: 'json',
          context: $('#fileupload')[0]
      }).always(function () {
          $(this).removeClass('fileupload-processing');
      }).done(function (result) {
          $(this).fileupload('option', 'done').call(this, null, {result: result});
      });
  
  });
  </code></pre>
  
  <p>And here is a GIST of the HTML:  <a href="https://gist.github.com/weblee/6449018" rel="nofollow">https://gist.github.com/weblee/6449018</a></p>
  
  <p>Im getting no console errors either. Any advise?</p>
  
  <p>Here it is in progress: <a href="http://screencast.com/t/HPQgdUsW" rel="nofollow">http://screencast.com/t/HPQgdUsW</a></p>