Quero acrescentar alguns dados simples em uma div como:

$('#msg').append('Some text');

No corpo, acho que vou precisar colocar o html como.

<div id="test">    

<div id="msg"></div>  //show text inside it.

</div>

No entanto, quero adicionar um pouco de CSS ao#msg. Por exemplo, cor de fundo. Agora o problema é que, uma vez que o#msg div está presente o tempo todo, vejo a cor do plano de fundo, mesmo quando o texto não está anexado. Eu tentei adicionar css como "display: none, mas, nesse caso, não consigo ver o texto anexado. Posso fazê-lo para que o#msg div aparece dentro do#test somente quando o texto é anexado a ele? Obrigado