Вопрос
https://qna.habr.com/q/685579 и все другие вопросы в поиске читал, ответа пока не нашел.
Код ajax взят из вопроса выше (для примера).
Код из скрипта размещен в html для примера.
Код рабочий, скрипты подключены верно, сообщение Click при нажатии на ссылку выводится.
jQuery v3.6.0
В примере ниже не происходит загрузка test1.html (или любой другой страницы) в div page__content.
Консоль инструментов разработчика хрома не показывает ошибки в js (причем и для других скриптов, когда там были ошибки - консоль неверно настроена?).
Почему не работает Ajax?
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Заголовок страницы</title>
<meta http-equiv=Content-Type content="text/html;charset=UTF-8">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
</head>
<body>
<div class="page">
<!-- Ссылка по нажатию которой выполняется скрипт -->
<a href="" class="menu-link jquery-link" >Ссылка меню</a>
<div class="page__content">
Сюда должно загружаться ajax содержимое.
</div>
</div>
<script>
$('.jquery-link').on('click', function(){
alert("Click") ;
$.ajax({
url: "test1.html",
type: "POST",
data: query,
success: function (html) {
$('.page__content').html(html);
}
})
});
</script>
</body>
</html>
Видео
https://youtu.be/8pFZnqGL7ts 
