multiple jquery html() assignment not working
<p>I want to show the user a "loader" before and during the ajax call. Here's the code (simplified version...)</p>

<pre><code>$(document).ready(function() {  
    $("#btn").click(function(){
        $("#log").html("loading ajax call...");
        anotherFunc();
    });
});


function anotherFunc(){
   $.ajax({
       type: "GET",
       url: correct_url,
       data: data_to_send,
       dataType: "jsonp",
       success: function(data){
        $("#log").html("new html");
       }
   })
}
</code></pre>

<p>the problem is that "loading ajax call..." never appears. I only see "new html" displayed. the singles ajax #log modification call work perfectly alone (without the other)</p>

<p>is there another way to do?
what am I doing wrong?</p>

<p>ps. I also tryed to write in another id (#log2) with the same result.</p>
