Diferença entre $ (document) .ready e $ (document) .on ('pageinit')

Estou usando o jquery mobile e gostaria de reproduzir este código:

$(document).ready(function () {
    $.mobile.loading('show');
});

mostra o spinner até eu decidir escondê-lo usando em outras funções

$.mobile.loading( 'hide' );

Agora vejo que document.ready () está obsoleto no jquery mobile 1.2, então eles sugerem substituí-lo por$(document).on('pageinit')

Mas se eu substituir o meu código pelo sugerido, o spinner autohide ... por quê? Este é o novo código:

 $(document).on('pageinit',function(){
     $.mobile.loading( 'show' );
 });

questionAnswers(4)

yourAnswerToTheQuestion