jQuery .html (dados aqui) parece "re-dimensionar" o texto da resposta

Question

Considere o seguinte código.

É uma etiqueta de âncora com um ID chamado Líder-Module-Total Isso - quando pressionado - chama um script php e exibe os ecos feitos no código PHP dentro de um id chamado Líder-Module.

Básico o suficiente.

No entanto, cada vez que faço isso, preciso "encolher" usando a última peça de código neste snippet.

Minha pergunta é: como é que é? Estou fazendo algo errado aqui?

$('#leader-module-total').click(function() {

   //load an image to show while processing
   $('#leader-module').html( '<div class="ajaxLoader"></div>' );

   //process the php script -- btw, is this valid i.e. calling it using / 
   //and not fully qualified with http://mydomain/page-to-be-called  
   $.get('/ajax-leader-module-response.php', { timeframe: 'total' }, 
       function(data){
          $('#leader-module').html( data );
       }
   );

   //this is my question: why is this necessary???  
   //I need to make it smaller than it was for it to display normally.
   $('#leader-module').css('font-size', '0.9333em');
   return false;
});

Answer 1

Eu acho que está herdando estilos da etiqueta pai. Por favor, verifique os elementos dos pais para obter qualquer estilo de tamanho da fonte.