[jQuery] funzione non funziona

Io non capisco perché così funziona

function controlloG(){

/* Controlla se il carrello è pieno o vuoto... */
  var totaleacquisto = $("#areacalcolo .totspesa").val(); 
   totaleacquisto = totaleacquisto.toString(); 
   totaleacquisto = totaleacquisto.replace(",", ".");
   totaleacquisto = parseFloat(totaleacquisto);
   if(totaleacquisto<=0){
   $("#chiudi").html("Chiudi").on("click", function () {
   $(this).hide(); $("#carrelloG").hide();
});  
 
   document.getElementById('carrelloG').innerHTML = "Non puoi fare l'ordine se il carrello è vuoto!";
   $("#chiudi").show(); 
   $("#carrelloG").show();
}

Così no

function controlloG(){

/* Controlla se il carrello è pieno o vuoto... */
  var totaleacquisto = $("#areacalcolo .totspesa").val(); 
   totaleacquisto = totaleacquisto.toString(); 
   totaleacquisto = totaleacquisto.replace(",", ".");
   totaleacquisto = parseFloat(totaleacquisto);
   if(totaleacquisto<=0){
   $("#chiudi").html("Chiudi").on("click", function () {
   $(this).hide(); $("#carrelloG").hide();
});   
   $("#carrelloG").html("Non puoi fare l'ordine se il carrello è vuoto!").on("click", function () {
   $(this).show(); $("#chiudi").show();  
});
}

Praticamente la parte jQuery non va è questa:

$("#carrelloG").html("Non puoi fare l'ordine se il carrello è vuoto!").on("click", function () {
$(this).show(); $("#chiudi").show();
});

[NLSweb]

Scusa ma non capisco una cosa...

nel primo esempio al carrelloG non assegni la funzione CLICK mentre nel secondo si ... perchè ?

a parte questo la sintassi è corretta.. quindi se non funziona ci devono essere altri motivi..