Неёвызывается футкция
 

есть страница с подключенной библиотекой jquery.
и есть код который подгружает в <div id="table"></div> данные из другого файла.

$("#table").load("file.html", function(){
});

В другом файле имеется мини галерея на jquery + lightbox.
Если запустить этот файл отдельно, то галерея работает, а если его подгрузить в другую страницу, то нет..


Вот чать кода:
index:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">

  $(document).ready(function(){
    
    $("#list a").click(
      function (e) {
		$("#table").remove();
		$("#list").append($("<div style='height: 1px; width: 1px; position: relative; left: 250px; top: "+ e.pageY +"px' id='table'></div>"));
		$("#table").load("file.html", function(){
		});
	  $("#table").animate({height: "1", width: "310", left: "+=100"}, "slow")
	  .animate({height: "90%", width: "310"}, "slow");
	  return false;
      }
    );

  });
	</script>

file:

<link rel="stylesheet" href="css/jquery.lightbox-0.5.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>

<script type="text/javascript">
    $(function() {
        $('#gallery a').lightBox();
    });
	$(document).ready(function(){
		$(".thumbs a").click(function(){
			var largePath = $(this).attr("href");
			var smallPath = $(this).find('img').attr("src");
			$("#largeImg").attr({ src: smallPath });
			$("#zoom").attr({ href: largePath });
			return false;
		});
	});
</script>

<div id="gallery">
	<a id="zoom" href="images/big/img_1.jpg"><img id="largeImg" src="images/img_1.jpg" /></a>
</div>
<p class="thumbs">
	<a href="images/big/img_1.jpg"><img src="images/img_1.jpg" /></a>
	<a href="images/big/img_2.jpg"><img src="images/img_2.jpg" /></a>
	<a href="images/big/img_3.jpg"><img src="images/img_3.jpg" /></a>
</p>