Pegar valor em Java Script

Eu tenho um código

<script type="text/javascript">
$.getJSON('http://painel.streaminghd.net.br/api-json/T1RRek1nPT0rRA==', function(data) {

    var status = data.status; // Mostra o status da rádio
    var ouvintes_conectados = data.ouvintes_conectados; // Mostra total de ouvintes conectados
    var titulo = data.titulo; // Mostra o nome da rádio
    var plano_ouvintes = data.plano_ouvintes; // Mostra o limite de ouvintes do plano
    var plano_ftp = data.plano_ftp; // Mostra o limite de espaço do AutoDJ do plano 
    var plano_bitrate = data.plano_bitrate; // Mostra o bitrate do plano
    var musica_atual = data.musica_atual; // Mostra a música atual
    var proxima_musica = data.proxima_musica; // Mostra a próxima música do AutoDJ(não é valido para transmissão ao vivo)
    var genero = data.genero; // Mostra o genero da rádio
    var shoutcast = data.shoutcast; // Mostra a URL do shoutcast
    var rtmp = data.rtmp; // Mostra a URl do RTMP para uso em players próprios(se tiver RTMP)
    var rtsp = data.rtsp; // Mostra a URl do RTSP para uso em players próprios(se tiver RTMP)
    var capa_musica = data.capa_musica; // Mostra a URL da imagem JPG da capa do album da música

});
</script>

Como faço para colocar estes dados em html ? Já tentei de várias formas e não consigo.

Mas eu quero atualizar os dados no site como faço ?