jQuery .text () появляется не в html, а в console.log

У меня есть эта строка кода

$('.bartext').text(percentComplete + "%");

В html это делает

<p class="bartext text" style="font-size: 14.020371290794092px;"></p>

Но console.log

console.log($('.bartext').text(percentComplete + "%"));

говорит

[p.bartext text, prevObject: x.fn.x.init[1], context: document, selector: ".bartext", jquery: "1.10.2", constructor: function…]

С outerHTML

"<p class="bartext text" style="font-size: 14.020371290794092px;">100%</p>"

И outerText

"100%"

EDIT: Вся часть

$.ajax({
            xhr: function()
            {
                var XHR = new window.XMLHttpRequest();
                XHR.addEventListener('progress', function(evt) {
                    if (evt.lengthComputable) {
                        var percentComplete = (evt.loaded / evt.total) * 100;
                        console.log(percentComplete);
                        $('.bar').css('width', (percentComplete * 2));
                        $('.bartext').text(percentComplete + "%");
                    }
                }, false);
                return XHR;
            },
            type: 'GET',
            url: page, 
            data: {ajax : 1},
            success: function(data) {
            $('.content').empty().append(data);
            }
        });

Что происходит? Спасибо!!! : D