HTML

<body>
    <p id="p1"><span>bonjour</span></p>
    <p id="p2"></p>
<body>

JS

$(document).ready(function()
{
    console.log('A');
    $('#p1').click(function()
    {
        console.log('B');
        $('#p2').html('<span>aurevoir</span>');
        console.log('C');
    });
    console.log('D');
    $('span').css('color','red');
    console.log('E');
});

Prenez le temps de bien comprendre le déroulement de ce programme.

Quel est l'ordre ?