AJAX завершается неудачно при втором вызове URL и перезагружает страницу

Question

Я использую AJAX для загрузки определенного контента, он работает по первому запросу каждый раз, но если второй запрос выполняется с использованием той же функции, то сайт перезагружается. В Chrome DevTools не отображается никаких ошибок, запрос никогда не отображается на вкладке сети, и оповещение () в успешном случае никогда не срабатывает, но и сообщение об ошибке не отображается.

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();
}

Обновление: Функция вызывается нажатием кнопки на странице, пример ниже:

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

Answer 1

Кнопка содержалась внутри формы, и для нее требовалось добавить кнопку type =, чтобы предотвратить действие по умолчанию.