Исходный код (DOM) не обновляется после ajax запроса

Question

Я хочу создать динамическое содержимое c html с php и jQuery (1.11). Это работает, но обновления не появляются в исходном коде, и я беспокоюсь об этом, потому что я думаю, что это не хорошо для поисковых систем. Например, я не могу проверить структурированные данные (schema.org) в инструментах Google.

index. php

<script>

    function displayRecords(numRecords, pageNum) {
        $.ajax({
            type: "GET",
            url: CalRoot+"/events-by-agenda.php",
            data: "show=" + numRecords + "&pagenum=" + pageNum,
            dataType: "html",
            cache: false,
            beforeSend: function() {
                $('.loader').show();
            },
            success: function(data) {
                $("#results").html(data);
                $('.loader').hide();
            }
        });
        $(function() {
            $(".pagination").click(function() {
                $('html,body').animate({
                    scrollTop: $(".contentDescription").offset().top
                }, 2000, 'swing');
            });
        });
    }
    $(document).ready(function() {
        displayRecords(20, 1);
    });

</script>

HTML раздел индекса. php

<div id="results"></div>
            <div class="loader"></div>

события по повестке дня. php содержит mysql запрос, результаты html и нумерацию страниц

Я много читал об этом, о делегировании событий, использую контекст (это), например, добавляю метод .on к кнопке, но ничего не работает