Event not working

Event not working

I am having a problem with some code that I am working on. The code is shown below. Basically, I have a page that if you click on one of the links, it uses the .load method to pull in a php document. The php document displays a form (since nothing has been submitted to it yet) that has an input box and a button to launch a search. I attach a click event to the button, however, when I click it, nothing happens. I monitored the script in Firebug, and it appears that the event handler does get attached as it goes to that method following the AJAX callback, but then when you click it, no server request is ever made. Could someone please help a rookie out and let me know what I am doing wrong. I greatly appreciate the assistance.

  2. <script type = "text/javascript">
  4. $(document).ready(function() {
  6.       $('#allServers').click(function() {
  7.             $('#content').load('maintInfoAll.php');
  8.       });
  9.       $('#byName').click(function() {
  10.             $('#content').load('maintInfoName.php', addClickHandlers());
  11.  });
  13.       $('#byDay').click(function() {
  14.             $('#content').load('maintInfoDay.html');
  15.       });
  16.  
  17. });
  18.  
  19.  // end of doc ready function
  20.  
  21. function addClickHandlers() {
  23. $('#searchButton').click(function() {
  25. $.post('maintInfoName.php', $('#serverNameForm').serialize(), function(data) {
  27. $('#content').html(data);
  29. });
  31. });
  33. };

  36. </script>