jquery - .html() で追加したばかりのテキストから要素を取得する方法

Question

.html() を使用して要素にテキストを追加した後、すぐに .find() を使用して HTML から個々の要素を取得し、それらを操作したいと考えています。elemBackコンソールが示すように、「prevObject」ではなくjQueryオブジェクトになるように、以下のコードに何を変更する必要がありますか。

(function($){
    $.widget("ui.ItemTest", {
        options: {
            elementId: null,
            id: null,
            front: null,
            back: null
        },
        _create: function(){
            this.element.html(this.display());
            console.log(this.element.html());
            var elemBack = $(this).find('.back');
            console.log(elemBack);
            $(this).find('.back').css('background-color','red'); //doesn't work
        },
        display: function() {
            var r = '';
            r += '<div class="front">'+this.options.front+'</div>';
            r += '<div class="back">'+this.options.back+'</div>';
            return r;
        }
    });
})(jQuery);