lightbox for images not getting applied <p>i have some issue regarding LightBox for images</p> <p>issue is when i load images from external php file it is not showing the images in lightbox.</p> <pre><code> &lt;script type="text/javascript"&gt; $(document).ready(function(){ //Display Loading Image function Display_Load() { $("#loading").fadeIn(900,0); $("#loading").html("&lt;img src='../images/lightbox-ico-loading.gif' /&gt;"); } //Hide Loading Image function Hide_Load() { $("#loading").fadeOut('slow'); }; //Default Starting Page Results Display_Load(); $("#content").load("images.php?page=1&amp;uid=28", Hide_Load(), lightBox()); //Pagination Click $("#pagination li").click(function(){ Display_Load(); //Loading Data var pageNum = this.id; var uid = 1; uid = "&lt;?php echo $id; ?&gt;"; $("#content").load("images.php?page=" + pageNum + "&amp;uid=" + uid, Hide_Load()); }); }); &lt;/script&gt; </code></pre> <p>it loads all the images in below box but does not have any lightbox effect.</p> <pre><code>&lt;center&gt;&lt;div id="loading" &gt;&lt;/div&gt; &lt;div id="content"&gt;&lt;/div&gt; &lt;/center&gt; </code></pre> <p>normally to display images in lightbox we will do something like below and it is working fine at all other places then only above code is having problem.</p> <pre><code> &lt;script type="text/javascript"&gt; $(function() { $('#gallery a').lightBox(); }); &lt;/script&gt; </code></pre> <p>can any one please share some tips about it.</p> <p>thank you advance.</p>