Почему возникает ошибка «Uncaught RangeError: Maximum call stack size exceeded»?

let height_surface = $("#height_surface"),
    width_surface = $('#width_surface'),
    height_tile = $('#height_tile'),
    width_tile = $('#width_tile'),
    width_seam = $('#width_seam'),
    cost_pack = $('#cost_pack'),
    quantity_per_pack = $('#quantity_per_pack'),
    calc_tiles_run = $('#calc_tiles_run');
calc_tiles_run.on('click', function (event) { 

console.log('Здесь ошибки нет!');

    $.post('shortcodes_ajax.php',
        {
            name: "calc_tiles",
            height_surface: height_surface,
            width_surface: width_surface,
            height_tile: height_tile,
            width_tile: width_tile,
            width_seam: width_seam,
            cost_pack: cost_pack,
            quantity_per_pack: quantity_per_pack,
        },
        onAjaxSuccess
    );

    function onAjaxSuccess(data) {

console.log('Это не выводится в консоль');

        calc_tiles_run.after(data);
    }
});