Janelas de bate-papo estilo facebook

Tenho essa função que abre janelas de bate-papo, ele vai abrindo janelas individualmente... Mas conforme vou clicando para abrir o chat, ele traz as mensagens do último clicado em todas as janelas já abertas. Resumindo, fica todas as janelas iguais com as mesmas mensagens.

Segue o código:

 var janelas = new Array(); $("body").on('click', '.open-msg', function(){ var id = $(this).attr('id'); var nome = $(this).attr('nome'); function add_janelas(id, nome){ var html_add = '<div class="janela" id="jan_'+id+'"><ul class="listar"></ul></div>'; $('#janelas').append(html_add);} janelas.push(id); for(var i = 0; i < janelas.length; i++){ if(janelas[i] == undefined){	janelas.splice(i, 1);	i--; } } add_janelas(id, nome); //Ajax que traz as mensagens dentro da janela do chat $.ajax({ url: ''+baseurl+'services/msg', type: 'post', data: { id_remetente: id }, success: function(data){ var html = $('.listar').html("");	$(data).each(function(index){ html.append('<li><span>'+this.nome+':</span><p>'+this.texto+'</p></li>'); }) }})	return false })

Ao clicar no link para abrir ele pega o atributo id e o nome...

Alguém que manja em chats?