Обновление контента на странице через Ajax осуществляется однократно.

Question

Когда вы нажимаете кнопку «тест», Ajax берет код из файла «second. html» и обновляет содержимое главной страницы «main. html». Когда вы нажимаете кнопку «test__second», скрипт возвращает контент на главную страницу, но при повторении действия эта кнопка не будет работать, т.е. ее запрос срабатывает только один раз, но я хочу, чтобы он работал всегда. Есть предложения?

Вот главный. html:

<div class="container">
    <div class="test">Click</div>
    <div class="center">This is the main page</div>
</div>

А вот второй. html откуда ajax берет содержимое:

<div class="test__second">Click</div>
<div class="center__second">This is second page</div>
<script>
$(document).ready(() => {
    $.ajax({
        async: false,
        type: 'GET',
        url: './setts.js',
        data: null,
        dataType: 'script'
    });
});
</script>

JavaScript файл (установ. js):

$(document).ready(() => {
$('.test').click(() => {
    $.ajax({
        async: false,
        url: './second.html',
        cache: false,
        dataType: 'html',
        success: function(html) {
            $('.container').html(html);
        }
    });
});

$('.test__second').click(() => {
    $.ajax({
        async: false,
        url: './index.html',
        cache: false,
        dataType: 'html',
        success: function(html) {
            $('.container').html(html);
        }
    });
});
});