I successfully load some content at the beginning of a document.ready script with:

1. $('#leftColumnContent').load(contentToLoad);

What works: rollovers on content that didn't use .load:

2. $('img#mainNavNews').hover(function () {
3. this.src = 'images/nav/news_dn.png';
4. }, function () {
5. this.src = 'images/nav/news_up.png';
6. });
7. $('#leftColumnContent').load(contentToLoad);
8. 
   
9. $('img#mainNavNews').hover(function () {
10. this.src = 'images/nav/news_dn.png';
11. }, function () {
12. this.src = 'images/nav/news_up.png';
13. });

What doesn't work: the same rollover code in the same script that points to unique elements from the .load content. Unless I put the script at the end of the .load content.

What am I missing here? I'd like to keep all the code in one script. ( I attached the complete script. )

Thanks!

Lee