load() question

load() question

Hello,  I'm new to jQuery and I have a question with (probably) an easy answer.
Thanks a lot in advance :)

So I have a fairly simple website which will have one main page and several links that each bring a jquery pop up with various bits of information and images on it.

So for the links I use:
  2.     <ul id='nav'>
  3.       <li><a id='contactus' href='contactus.php'>Contact Us</a></li>
  4.       <li><a id='aboutus' href='aboutus.php'>About Us</a></li>
  5.     </ul>

Then my javascript looks like:
  2.     <script type='text/javascript'>
  3.     <!--
  4.       $(function(){
  5.         var loading="<center><img src='./images/loading.gif' alt='loading...' /></center>";
  6.         
  7.         $('#nav > li > a').click(function(){
  8.           $('#popover').load(this.href).html(loading).fadeIn('slow');
  9.           return false;
  10.         });
  11.         $('.close').click(function(){
  12.           $('#popover').hide('slow');
  13.         });
  14.         $('#form1').validate();
  15.       });
  16.     -->
  17.     </script>

Okay so the popup shows up just fine.  However I can't get it to go away!
I have a div which is included in the pages that are loaded that is supposed to act as a 'close' button.
If I put a 'close' div on the main page, it works.  But when it is included in the loaded page, it does not.

I notice that when I view the page source the #popover div is empty even though it is showing content in the browser.  So my close button isn't working because the DOM can't find it..errr.  but why?

Thoughts?

Thanks!!