Running JQuery scripts on AJAX loaded content

Question

I am using .load() to pull static HTML files onto my main HTML page. The scripts and selectors that I have written exist within:

$(document).ready(function(){}); 

But they don't work on the AJAX loaded content. I have read that this is because the selectors that I am using are not available.

Is there a better way to do this? Adding the script to the window.load function doesn't work either:

$(window).load(function() {}); 

Answer 1

$(document).ajaxComplete(function(){     // fire when any Ajax requests complete }) 

ajaxComplete()

Answer 2

There are more than one option:

1. you can add initialization scripts [ $(this).click... ] into callback function of $.load()
2. you can use $.live(), which creates handlers even for dynamically loaded/created objects.

More here:
callback: http://api.jquery.com/load/ (notice the "complete()" function)
bind: http://api.jquery.com/live/

Edit: My mistake, it was live(), not bind(), thank you guys