JQuery ile Chrome EKlentisi yazmak R10+

Herkese merhabalar, jquery ile bir chrome eklentisi yapmaya çalışıyorum fakat karşılaştığım bir sorun var. Ekranımda bir adet span var ve ben bu spanın içindeki text'i değiştirmek istiyorum.

 $('.deneme').html("MERHABA");

bu kod ile deneme classlı span'ımı seçiyorum ve içeriğini değiştirmek için html fonksiyonunu kullanıyorum fakat herhangi bir değişim olmuyor.

 console.log($('.deneme').html("MERHABAA"));

kodunu kullandığımda ise aşağıdaki görüntüyü alıyorum.


Yardımcı olabilecek varsa lütfen yazsın. Şimdiden teşekkürler herkese.

document ready kullanıp denediniz mi hocam.

hayır hocam nasıl yapabilirim

$(function(){
  $('.deneme').html("MERHABA");
});

bu şekilde deneyin hocam.

@omergunay;

button.addEventListener('click' , ()=>{
            var harfler = ['a','æ','b','в','c','с','d','D','e','ё','k','к','m','м','n','й','o','θ','r','я','t','т','u','ц','w','ш','y','ч'];
        
            var yazi = $('span[data-lexical-text="true"]').html();
            $('span[data-lexical-text="true"]').addClass('deneme');
            var uzunluk = yazi.length;
            var bosluk_kontrol = yazi.slice(-1);
            if(bosluk_kontrol == ";"){
                yazi = yazi.substr(0,uzunluk-6);
            }
            var eski_harfler = yazi.split("");
            
            for (var i = 0; i < eski_harfler.length; i++) {
                var index = harfler.indexOf(eski_harfler[i]);
                if(index!=-1){
                    eski_harfler[i] = harfler[index+1]
                }
            }
            var yeni_kelime = eski_harfler.join("");
            console.log($('.deneme').html("MERHABAA"));
            $('.deneme').html("MERHABA");
        
})

hocam kod bloğum bu şekilde zaten bir fonksiyonun içinde

Kodda düzeltme yerine eklentiyi nasıl yapabileceğim hakkında başka fikri olan varsa da yazsın lütfen.

Kısaca yapmak istediğim şey bir sansür eklentisi kullanıcının yazdığı yazıyı butona bastıktan sonra değiştirecek kullanıcıya sadece göndermek kalıcak.