title: Fancybox modal starts to fail after subsequent ajax requests
body: <p>I've a page that is suppose to display a fancybox modal with an image when a i user clicks on the list of links to the images.
  I've this in my page being loaded</p>
  
  <pre><code>        $('a#couponLink').fancybox({
            'opacity'       : true,
            'overlayShow'   : false,
            'transitionIn'  : 'elastic',
            'transitionOut' : 'none'
          });  
  </code></pre>
  
  <p>Think Links:</p>
  
  <pre><code>&lt;a href="images/&lt;%= coupon.couponImageURL %&gt;" id="couponLink" class="view"&gt;View Coupon &gt;&lt;/a&gt;
  </code></pre>
  
  <p>Now before I made the page dynamic with ajax, all worked.
  But, I've added some ajax filters that process a index.js.erb file that filters the list of objects in the list. After firing off the ajax requests the above link fails to load a modal and just takes me to a page of the image, and not loading it in a modal?</p>
  
  <p>Not sure what could be causing this or how to diagnose the issue? Any pointers to see why the fancybox is not firing?</p>
  
  <p>One possibility I looked at was in my index.js.erb file, I do call </p>
  
  <pre><code>&lt;% if session[:zip] and !(session[:zip].blank?) %&gt;
  $.fancybox.close();
   &lt;% end %&gt;
  </code></pre>
  
  <p>To close a particular modal that is suppose to load when a new user views the page and once we have some session parameters set, it is suppose to no longer show. These are two different fancybox modals on the same page with different classes. But is calling the close on the fancybox affecting the image modals?</p>
  
  <p>Looking at the source after a ajax request, I still see all the appropriate libraries being loaded?</p>
  
  <p>Reloading the page restores the fancybox functionality on the image links.
  Odd, I know.</p>
  
  <p>Help.</p>