Click event is launching only once

I have a form in which I have many checkboxes. I need to post the data to the controller upon any checkbox checked or unchecked, i.e a click on a checbox must post to the controller, and there is no submit button. What will be the bet method in this case? I have though of Ajax.Beg开发者_StackOverflowinForm and have the codes below. The problem im having is that the checkbox click event is being detected only once and after that the click event isnt being launched. Why is that so? How can I correct that?

<% using (Ajax.BeginForm("Edit", new AjaxOptions { UpdateTargetId = "tests"}))
         {%>
               <div id="tests">
                    <%Html.RenderPartial("Details", Model); %>
               </div>
                <input type="submit" value="Save" style="Visibility:hidden" id="btnSubmit"/> 
          <%}
          %>

 $(function() {
 $('input:checkbox').click(function() {
        $('#btnSubmit').click();
    });
  });

Try $('#myForm').submit().

Check this post out. I think you need to use the each keyword and bind so that binding is done everytime.

As a debugging step, try doing something else during the click event, like

$('input:checkbox').click(function() {
    $('#debugDiv').append('click event fired at ' + new Date().toString());
});

to see if the issue has something to do with the form submission.

Something else you can try is using jQuery's live function instead of click: http://api.jquery.com/live/