Как правильно вызвать функцию при ajax?

При клике на блок с классом main-block ajaxом добавляются элементы. Функция, которая отрабатывает при клике на элемент, который добавляется ajax

function test() {
    $('.element').click(function () {
       alert('нажал');
    });
}

Ajax, и вызов функции

$('.main-block').one("click", function() {
    $.ajax({
        type: "POST",
        url: 'ajax/action.php',
        data: {ACTION : 'compilePrice'},
        success: function (data) {
            test();
        }
    });
});

Проблема в том, что если у меня блоков с классом main-block несколько, и я на нажал на все, то при клике на блок с классом element, который появился после клика на первый блок, у меня вылетает столько alertов, сколько раз я нажал на блок с классом main-block. Подскажите пожалуйста, как сделать правильно?