AJAX在第二次调用url时失败并重新加载页面

I'm using AJAX to load certain content, it works on the first request every time but if a second request is made using the same function the site reloads. No errors are shown in Chrome DevTools, the request never shows on the network tab, and the alert() in success never fires, but neither does the one in error.

function loadEdit(name,info)
{
    alert(name + ' ' + info);
    $('#mainContent').fadeOut('slow', function() {
        $('#actionContent').fadeOut('slow', function() {
            $('#loadingContent').fadeIn('slow', function() {
    $.ajax({
     type: "GET",
     cache: false,
     url: '/adm/edit.php',
     data: {"name": name,"info": info},      
     error: function(result, status, err) {
        alert('HTTP ' + result.status + ' Error Encountered: ' + result.statusText);
        alert(result.responseText);
        alert('status: '+status+' error: '+err);
     },
     success: function(data) {
                alert('Success');
                $('#loadingContent').fadeOut('slow', function() {
                $('#actionContent').html(data);
                $('#actionContent').fadeIn('slow');

     });
     }

     });
    });
    });
    });
    menuClose();
}

Update: The function is called on a button press on the page, sample below:

<button onclick="loadEdit('grps','1')">EDIT</button>

Button was contained within a form and needed type=button added to it to prevent the default action.