Skift text i et DIV tags

Hej,

Jeg har et system hvor jeg simpelhen ikke kan få lov at ændre teksten i 2 <div> tags. Derfor kunne jeg godt tænke mig et jquery script, der automatisk leder efter en tekststreng på siden og erstatter den. Mere konkret så vil jeg gerne have at disse tekststrenge udskiftes fra/til:

Levering > Detaljer
Kvittering > Gennemført

HTML:

<div class="bookly-progress-tracker bookly-table">
<div>1. Produkt <div class="step"></div></div>
<div>2. Tidspunkt <div class="step"></div></div>
<div>3. Levering <div class="step"></div></div>
<div>4. Kvittering <div class="step"></div></div>
</div>

Jeg har forsøgt at gøre dette med følgende script men teksten opdaterer ikke så der er formentlig en eller flere fejl:

Script:

$(document).ready(function(){
$('.bookly-progress-tracker.bookly-table div:nth-of-type(3)').text('Detaljer');
$('.bookly-progress-tracker.bookly-table div:nth-of-type(4)').text('Gennemført');
});

Håber der er en som kan hjælpe med en løsning.