Aiuto a comprendere uno script

[Hans Castorp]

Un caro saluto a tutti.
Cercando in rete, ho trovato questo snippet che mi permette di sostituire ad una stringa di testo in un div un codice html. Qualcuno mi aiuta a capire in che modo funziona? Fino al ciclo e dal replace in poi ci sono, ma è la parte centrale che non riesco a interpretare.

$(document).ready(function(){
        $(".post-content").each(function()
        {
        $(this).html($(this).html().replace('ciao',"<span>ciao</span>"));
        });
});

Parte da "decifrare"

$(this).html($(this).html().

Grazie a chi mi potrò dare una mano.
Un saluto a tutti.

[br1]

Non sezionarlo cosi', esamina prima il contenuto delle parentesi:

$(this).html($(this).html().replace('ciao',"<span>ciao</span>"));

[Hans Castorp]

Per ora sono arrivato a questo punto:
1. Quando la pagina è caricata...
2. ...dentro il div con classe "post-content"...
3. ...fai un ciclo...
4. [...]
5. ..."wrappa", con replace, ogni parola ciao dentro uno span.

Non mi è chiaro che processo compia prima, al punto 4.

[br1]

se te la espando cosi'?

str_originale = $(this).html();
str_nuova = str_originale.replace('ciao',"<span>ciao</span>")
$(this).html(str_nuova);

[Hans Castorp]

Ci provo, ma non sono sicuro.

1. Con $(this).html(); (la parte evidenziata di rosso alla fine di questa frase) acquisisco come stringa di html tutto il div con classe "post-content"; $(this).html($(this).html().replace('ciao',"<span>ciao</span>"));

2. In questa stringa di testo rimpiazzo tutti i "ciao" con "<span>ciao</span>": con questa parte del codice $(this).html($(this).html().replace('ciao',"<span>ciao</span>")), creando così una nuova variabile che include tutto il nuovo codice ottenuto con il replace.

3. Rimetto dentro al mio div il contenuto modificato: $(this).html($(this).html().replace('ciao',"<span>ciao</span>"));


E' qualcosa del genere?