jQuery .click() event doesn't work in load()-ed document

jQuery .click() event doesn't work in load()-ed document

hey everyone,

first entry!

weird title, i know but i didn't know any better.
first of all, i'm new to jQuery and still have some problems, but so far i like it a lot.

now to my problem:
i have a basic 2 column page, on the left is the navigation, on the right the content.
i'm loading in the content with the load() method - some php generated html code which looks like this e.g.

  1. <div id="container">
  2. <div id="toggle">TOGGLE</div>
  3. <div id="showArticles">
  4. <table id="bildertable">
  6. //table content

  8. </table>
  9. </div>
  10. <div id="addArticle"></div>
  11. </div>


my script says:


  1. $document.ready(function(){
  2.       $("#toggle").click(function(){
  3. $("#showArticles").slideToggle();
  4.       });
  5. });


so if i click on the toggle div.. nothing happens

so i tried to put a <p id="toggle"> in the navigation bar which is static (not being load()-ed in via jQuery)

and it worked 


so it seems to me, that jQuery can't get the click event out of the load()-ed page


or did i do something wrong?

pls help