[jQuery] Help needed with close button removing DOM elements.

[Matt81]

Hi there.




On this site http://lexus-test.lateral.net/blogfeeds/ , when one of
the main navigational links is hit (About the debate, for example), I
pull in some static HTML from a separate HTML file through through the
jQuery ajax load() method, and display it on top of the main content
in an absolutely positioned div (that is initially empty).

Now, within this HTML file, I have an anchor with a class of "close".
When this anchor is clicked, I want the content of the div to be
removed. I've written this code (within a document.ready handler), but
it doesn't seem to work, and instead the link just acts as a default
and causes a full page refresh (the code simply isn't being invoked).

                $("a.close").click
                (
                        function()
                        {
                                $(".content_overlay").remove();
                                return false;
                        }
                );

I believe my problem may be to do with the fact that when the initial
document and Javascript is loaded, there are no anchors with a class
of "close" on the page (as they have yet to be loaded), but cannot
find a solution.

Any help would be greately appreciated.