title: Triggering Fancybox in dynamic content
body: <p>My <code>&lt;a&gt;</code> tag which has the call for the Fancybox function will load after calling from ajax. Upon clicking on the link, the modal window wont show up. I tried using the <code>&lt;a&gt;</code> in a static way and it works, but not through dynamic code. I also noticed that upon viewing "Source" in my ie browser, the tag is not present. Any help? Thanks!!</p>
  
  <p>this code will be created dynamically after calling ajax from the server side (I'm using java). Im using class as my link to the jquery function because the tags can be several instances with the same class name:</p>
  
  <pre><code> &lt;a class="link" href="#task" title="Details"&gt;View details&lt;/a&gt;
      &lt;div style="display: none;"&gt;
          &lt;div id="task" style="width:400px;height:100px;overflow:auto;"&gt;
              some data from the server.
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>This is my fancybox function:</p>
  
  <pre><code>$("a.link").fancybox({
          'titlePosition' : 'inside',
          'transitionIn'  : 'none',
          'transitionOut' : 'none'
  }); 
  </code></pre>