I have a following structure:

<div id="loaddiv1">Link1 </div>
<div id="loaddiv2">Link2</div>
<div id="loadinto"></div>

and the following script:

<script type="text/javascript">

$( function abc () {
$('a').lightBox();
});

$(document).ready(
function(){
$("#loaddiv1").click(function(){
$("#loadinto").fadeOut('fast').load('1.html').fadeIn("slow");

//here I tried calling lightBox() once again
});

$("#loaddiv2").click(function(){
$("#loadinto").fadeOut('fast').load('2.html').fadeIn("slow");

//here I tried calling lightBox() once again
});
});
</script>

When I click on one of the links, script loads contents of external html files (with images) into the last div. The problem is, that LightBox doesn't work for those loaded images (it works with 'static' images on the site). Why is that? I tried to solve it by calling lightBox() after I load external html files but it didn't work.

I didn't find a solution googling. Do you have any ideas? Any help will be appreciated :).