[jQuery] selectors in an external javascript file

[jQuery] selectors in an external javascript file


hey i have a quick question on selectors
i have some nested divs and im trying to attach the click function to
a link in one of the divs
it works when i put the javascript directly after the links, but when
i use the id of the div as a selector in an external javascript file
it doesn't, any ideas?
when you have nested divs, can you still use one of the nested divs as
a selector? this is what my external javascript file looks like:
$(document).ready(function()
{
$("#nav-right a.about").click(function()
{
$("#content-left-top").load("http://localhost/wat/index.php/
wat/about");
});
});
where #nav-right is nested in #nav, which is nested in #wrapper
thanks.