title: Fancybox will not use content passed via javascript
body: <p>Using jquery 1.10.2, fancybox 2.1.5</p>
  
  <p>I'm trying to pass fancybox the "content: data" via javascript but its not working. Yet if I console.log the data variable it shows me valid HTML/text, but fancybox refuses to use it.</p>
  
  <pre><code>&lt;div class="item"&gt;
  &lt;h4 class="choice"&gt;launch modal&lt;/h4&gt;
  &lt;div class="detail"&gt;
  This should show up in my &lt;b&gt;fancybox&lt;/b&gt;!
  &lt;/div&gt;&lt;!--.detail--&gt;
  &lt;/div&gt;&lt;!--.item--&gt;
  
  $('.choice').each(function(i, elem){
      $(elem).siblings('.detail').wrap('&lt;div style="display:none"&gt;&lt;/div&gt;');
  });
  
  $(".choice").fancybox({
      maxWidth: 800,
      content: 'replace this text',
      beforeShow: function(){
          var title = $(this.element).text();
          var data = $(this.element).parent().find('.detail').html();
          console.log('this=' + this + ' | title=' + title + ' | data=' + data);//DEBUG
          this.content = data;
      }
  });
  </code></pre>
  
  <p>The console log shows clearly that its got the data html content, but fancybox refuses to use it. I've wrapped it in another div with display:none since their site says to do that for whatever reason.</p>