Updating a form based on checkbox selection

Updating a form based on checkbox selection

Hi,

I'm working on a search filter trying to get a form to update itself depending on what options have been checked from a selection of checkboxes. i.e. selecting one checkbox can bring up other checkboxes. It's just posting the form to update_filter.php and putting the updated form into searchNavigation div.

  1. $(document).ready(function(e){
  2.       $("input[type='checkbox']").change(function(e){
  3.             e.preventDefault();
  4.             update_filter();
  5.       });
  6.       function update_filter(){
  7.             $.post("./update_filter.php", $("#filterform").serialize(), function(data){
  8.                   $("#searchNavigation").html(data);
  9.             });
  10.       }
  11. });

This works for the first checkbox that is checked, but after that nothing.

Is it something to do with the fact that the form is not the same form that it was before the checkbox was checked if that makes sense? or shouldn't that make any difference?

Can anyone point me in the right direction?

Thanks,

Tom.