Question

I am trying to create an ajax request where the URL is the form on submit.

My Jquery:

    $(document).ready(function() {
$('.menuitem input:checkbox').change(function(){
        $.ajax({
          type:'get',
          url:form.submit();,
          data:form.serialize(),
          success:function(msg){
            $('#formcontent').html(msg);
          }
        })
    })
    $('input:submit').hide();

    $('.menuitem input:checkbox').change(function(){
    if($(this).is(":checked")) {
        $('div.hidediv').removeClass("hidediv");
    } 
});
});

Answer 1

$('.menuitem input:checkbox').change(function() {
    // fetch the form containing the checkbox whose value
    // has just changed so that we could infer its action and method
    var form = $(this).closest('form');
    $.ajax({
        url: form.attr('action'),
        type: form.attr('method'),
        data: form.serialize(),
        success: function(msg) {
            $('#formcontent').html(msg);
        }
    });
});