title: Data showing up in console.log after ajax call but not appearing in custom div in fancybox
body: <p>I appended a custom div with fancybox to display some info regarding the present element. All the data fetches fine. The console log displays exactly what i wished for but somehow the result of the ajax call is shown in the div only once during the first time. The subsequent ajax calls doesnt render anything on the div although i get the right dump in the dev console in chrome. </p>
  
  <p>Where am i going wrong here ?</p>
  
  <pre><code>$(".public-gallery").fancybox({
      nextMethod : 'resizeIn',
      nextSpeed  : 250,
      padding : 10,
      beforeLoad: function() {
          this.title = $(this.element).attr('caption');
      },
      afterLoad: function(current){
  
          var description = "&lt;div class='links'&gt;&lt;div class='inner' id='resinfo'&gt;&lt;/div&gt;&lt;/div&gt;";
          $('.fancybox-overlay').append(description);
          var ref = current.element.data('ref');  
          console.info("ref : " + ref);
           $.post("ajax/fetchresourceinfo.php", {'ref':ref}, function(data){
              $('#resinfo').text("ref:"+ref + data);
              console.info("from here"+data); 
          });
      }});
  </code></pre>