title: not able to see the preview for cropper js
body: <p>I have created an application using <strong><a href="https://github.com/fengyuanchen/cropper" rel="noreferrer">cropper.js</a></strong> for cropping an images, the application is working and the image is cropping but I am not able to see the preview, my preview div is not populating anything correctly while cropping. My code is as given below</p>
  
  <p>Can anyone please tell me some solution for this</p>
  
  <p><strong><a href="http://plnkr.co/edit/f7VvWp05B6B9RclfjLv7?p=preview" rel="noreferrer">Plunker</a></strong> </p>
  
  <p><strong>script</strong></p>
  
  <pre><code> var $image = $('.img-container &gt; img'),
      $dataRotate = $('#dataRotate'),
      options = {
         modal: true,
         guides: true,
         autoCrop: false,
         dragCrop: true,
         movable: true,
         resizable: true,
         zoomable: false,
         touchDragZoom: false,
         mouseWheelZoom: false,
         preview: '.preview',
        crop: function (data) {
          $dataRotate.val(Math.round(data.rotate));
        }
      };
  </code></pre>