title: Advanced Custom Field data not showing in Fancybox in Wordpress
body: <p>I'm using the Advanced Custom Fields plugin in Wordpress to output an image with a link (also using to add embed code for a custom video player) into posts on an archive page. The output code for the custom field is placed in a div which is hidden and then loads up in fancybox when the .watchsession link is clicked. The problem is, the ACF content doesn't load in the fancybox when called. If I place the code outside of the hidden div it shows. Not sure where I've gone wrong. Code below!</p>
  
  <p>Cheers,</p>
  
  <pre><code>&lt;article id="post-&lt;?php the_ID(); ?&gt;" &lt;?php post_class(); ?&gt;&gt;    
  
  &lt;a id="fancybox-button" href="#fancybox-content" class="watchsession" title="&lt;?php the_title(); ?&gt;"&gt;Watch&lt;/a&gt;
  &lt;div style="display: none;"&gt;
     &lt;div id="fancybox-content" style="width:600px; height:400px;overflow: hidden;"&gt;
     &lt;img src="&lt;?php the_field('upload_screenshot'); ?&gt;"/&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  &lt;/article&gt;
  
  &lt;script type="text/javascript"&gt;
                      ( function($) {
  $(document).ready(function() {
      $("#fancybox-button").fancybox({
  helpers : {
          title : {
              type: 'inside',
              position : 'top'
          }
      },
          'transitionIn'  : 'elastic',
          'transitionOut' : 'elastic',
      });
  });
      } ) ( jQuery );
  &lt;/script&gt;
  </code></pre>