jquery ajax + lightbox doesn't work

Hi,

I created a view to display a list of search results. (exposed form.) This is working fine.
We have a custom template for the node. It includes thumbnails (imagecache). Lightbox automatically turns them into links for the lightbox modal window. This is working fine.

Next, we set the header of the view (basic settings) to include some javascript. This overrides the links with jquery ajax loads. This works fine.

THE AJAX JUST REPLACES THE INNER DIV OF THE PAGE WITH THE INNER DIV OF THE FETCHED PAGE.

Now, when content is loaded via AJAX, the lightbox functionality doesn't work. A view of the source shows that the links all have the rel="lightbox[field_picture][]" set, but still the lightbox doesn't work.

I've tried a few things from older posts such as using jquery to load lightbox.js or Drupal.behaviors.initLightbox. Neither seems to help.

Here is the javascript we're using in the view:

$(document).ready(function(){ $(".field-content a").click(function(e) { e.preventDefault(); var my_url = $(this).attr('href') + ' #content > .inner'; $("#content > .inner").load(my_url); }); });