Running JQuery scripts on AJAX loaded content

I am using .load()开发者_StackOverflow 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() {});

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

ajaxComplete()

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

You can bind events to dynamically loaded content via jQuery's $.live().

From jQuery http://api.jquery.com/live/:

Attach a handler to the event for all elements which match the current selector, now and in the future.

jQuery load takes an optional callback function argument which you could use to do any setup you need AFTER your ajax-ed content is loaded