title: JQuery Fancybox not working after DIV reload
body: <p>I'm using <a href="http://fancybox.net" rel="nofollow">Fancybox</a> on my site to open links to other pages (external pages). </p>
  
  <p>Basically the user clicks on a image and this opens a fancybox containing the external page. The image links are contained within a page (the child) that is displayed within a DIV on another page (the parent). The parent has the ability to reload the data in the DIV by reloading the child page with different params that will cause the image and links to change.</p>
  
  <p>This all works perfectly with the first load. But after that when the DIV is reloaded with the child page containing different data, the fancybox popup no longer works. If I then do a F5 refresh on the page, it works again. But only on the first load.</p>
  
  <p>The code on the child page to setup fancybox for the image links:</p>
  
  <pre><code>$.noConflict();
  $(document).ready(function() {
      $(".userdetailslink").fancybox({
          'width'             : '80%',
          'height'            : '80%',
          'autoScale'         : false,
          'transitionIn'      : 'elastic',
          'transitionOut'     : 'elastic',
          'type'              : 'iframe'
      });
  });
  </code></pre>
  
  <p>I've also tried the following with the same results:</p>
  
  <pre><code>$.noConflict();
  $(".userdetailslink").ready(function() {
      $(".userdetailslink").fancybox({
          'width'             : '80%',
          'height'            : '80%',
          'autoScale'         : false,
          'transitionIn'      : 'elastic',
          'transitionOut'     : 'elastic',
          'type'              : 'iframe'
      });
  });
  </code></pre>
  
  <p>Any help would be appreciated.</p>