fancybox works occasionally
<p>I'm using FancyBox for open up another page but the main page uses Datatables.
I beleive anytime i click on a next page and then click on the link to popup the pop doesn't work but goes to the page directly</p>

<pre><code> &lt;script type="text/javascript"&gt;
 $(document).ready(function () {
     $("a.mdialog").fancybox({
         'width': '75%',
         'height': '100%',
         'autoScale': false,
         'transitionIn': 'none',
         'transitionOut': 'none'
         //'type': 'iframe'
     });


 });
</code></pre>

<p></p>

<p>
    </p>

<pre><code>  &lt;td&gt;&lt;a  class="mdialog" href="details.aspx?scode=&lt;%# Eval("SCode")%&gt;"&gt;[..]&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p></p>

<p>Any ideas what i'm doing wrong?
Thanks in Advance</p>
