Ajax link actions?

Ajax link actions?

I think this is a simple problem but I cannot work it out.

When an ajax page is loaded into the #ajax div the links are now longer triggered.

I think this is because the document is loaded and the function is run. When the new information comes into the page it isn't in the same scope as the click function. Is this correct? Is there a work around?

  1. function pageload(hash) {
  2.     if(hash) {
  3.         $.ajax({
  4.             url: "index.php?p="+hash+"&logo=0",
  5.             cache: false,
  6.             success: function(html){
  7.                  $("#ajax").html(html);
  8.             }
  9.         });
  10.     }
  11. }
  12. $(document).ready(function(){
  13.     $.historyInit(pageload, "index.php");
  14.     // set onlick event for buttons
  15.     $("a").click(function(){alert('click');
  16.         if (strpos($(this).attr('href'), 'index.php') !== false) {
  17.             var hash = idToPath($(this).attr('href'));                       
  18.             $.historyLoad(hash);
  19.             return false;
  20.         }
  21.     });
  22. });