Using load()

Using load()

This seems simple, but I'm not getting it. Just trying to use load() to populate repeated content (such as nav) on multiple pages. I've simplified this for example's sake.

Initial page:
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  3. <html>
  4. <head>
  5. <title>Page title</title>
  6. <script type='text/javascript' 
  7.     src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js'>
  8. </script>
  9.  </head>
  10. <body>
  11. <h1>Header</h1>
  12. <div id="content"><script>$('#content').load('master.html #insertion');</script></div>
  13. </body>
  14. </html>
And the page with content (master.html):
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  3. <html>
  4. <head>
  5. <title>Page title</title>
  6. </head>
  7. <body>
  8. <div id="insertion"><span style="color:red;">Red text</span></div>
  9. </body>
  10. </html>
And I get nothing but the header.
    Any help is appreciated.

    ace