title: Problem with Jcrop on Chrome and IE8 - cropping only shown if page refreshed
body: <p>I am working on a Codeigniter app that uses JCrop to crop the user's profile image.</p>
  
  <p>Once the image is uploaded, I am using a standard method to run Jcrop and submit coordinates via a form.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(function() {
              $('#cropbox').Jcrop({
              onSelect: updateCoords,
              aspectRatio: 1,
              setSelect: [ 50, 50, 150, 150 ],
              bgColor: '#fff',
              bgOpacity: .2
          });
      });
      function updateCoords(c)
          {
              $('#x').val(c.x);
              $('#y').val(c.y);
              $('#w').val(c.w);
              $('#h').val(c.h);
          };
  &lt;/script&gt;
  
  // some code here...
  
      &lt;?php echo form_open('/profile/crop_picture', array('id' =&gt; 'crop_picture_form')); ?&gt;
  
          &lt;input type="hidden" name="x" id="x" /&gt;
          &lt;input type="hidden" name="y" id="y" /&gt;
          &lt;input type="hidden" name="w" id="w" /&gt;
          &lt;input type="hidden" name="h" id="h" /&gt;
          &lt;br /&gt;
  
      &lt;?php echo form_close(); ?&gt;
  </code></pre>
  
  <p>All this works perfectly on Safari and FF 4.0. The user selects an area for cropping, submits and the page refreshes with the cropped image.</p>
  
  <p>On Chrome and IE8, when the user submits, the page refreshes but the image is <strong><em>not</em></strong> cropped. The kicker --> if one hits refresh in the browser, <strong><em>then the image is cropped</em></strong>.</p>
  
  <p>Needless to say this is very weird. Does anyone have suggestions where to begin debugging this issue -- or have you seen this happen/described before?</p>
  
  <p>Thanks for helping.</p>
  
  <p><strong>EDIT</strong>: Still not resolved but further testing shows this may be a cache issue on Cr and IE8. Chrome seems to retain the original uploaded image and displays it even though the crop dimensions were submitted,  processed, and saved by codeigniter on the server. At the end of my CI controller for cropping I put</p>
  
  <p><code>redirect('/profile/picture', 'refresh');</code></p>
  
  <p>which had no effect on Chrome and IE8 when the new page loads after the cropped image is submitted. The cropped image only shows if I manually trigger 'refresh' on the browser.</p>
  
  <p>I have checked my server image files and it confirms this: although the cropped image was saved in my server, the image file (with same name) that is displayed on Chrome has the previous non-cropped dimensions.</p>