title: jquery fancybox not opening second time
body: <p>Im using jquery fancy box version 2.1.4 for data preview when i first time when i click im able to see the preview,second time it is not opening the preview page eventhough id is passing .</p>
  
  <blockquote>
    <p><a href="http://jsfiddle.net/9aW9N/" rel="nofollow">http://jsfiddle.net/9aW9N/</a></p>
  </blockquote>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="fancybox2.1.4/jquery.fancybox.css" /&gt;
  &lt;script src="http://code.jquery.com/jquery-1.8.3.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="fancybox2.1.4/jquery.fancybox.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  /* &lt;![CDATA[ */
  $(document).ready(function () {
    $('.preview').on("click", function (e) {
      e.preventDefault();
      $.ajax({
        type: "POST",
        cache: true,
        url: this.href, 
        data: $("#form1").serializeArray(),
        success: function (data) {
  
          $.fancybox(data, {
  
            fitToView: false,
            width: 905,
            height: 505,
            autoSize: false,
            overlayShow   :   true,
            closeClick: false,
            openEffect: 'none',
            closeEffect: 'none'
          }); // fancybox
        } // success
      }); // ajax
    }); // on
  }); // ready
  /* ]]&gt; */
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;form name="name" id="form1" method="post"
      enctype="multipart/form-data"&gt;
  &lt;div class="innerbox" &gt;
  &lt;div class="formbox_in" style="float: left;"&gt;&lt;label&gt;File Name :&lt;/label&gt;
  &lt;input type="file" value="" name="id&gt; &lt;input type="hidden"
      name="id" value="1" id="id"&gt; &lt;a class="preview" href="data.php"
      id="preview"&gt;Preview &lt;/a&gt;&lt;/div&gt;
  &lt;/form&gt;
  </code></pre>