Qual'è la sintassi corretta?

[Gioiello]

Devo creare dei tag cosi

<ul>[*] <span class="classe" > Testo </span> <p style = "stile"> testo </p>[*][*] ... [/list]

Perchè non riesco a visualizzare il primo Testo.

$.ajax({
                            type: "POST" ,
                            dataType: "json" ,
                            url: base_url + "index.php/chat/ajax_get_message/" + chat_id ,
                            success: function(data_use){
                                          $('#my_chat').append('<ul id ="list">');
                                          $.each(data_use,function(id, array){
                                                    var li = $('<li/>');
                                                    var sp = '<span class ="chat_message_header">';
                                                    var te = '

';
                                                    
                                                    li.append(sp + array[3] + "by" + array[2]+ ":" + '</span>');//data e nome
                                                    li.append(te);
                                                    li.val(id);
                                                    li.text(array[1]); //messaggio
                                                    li.append('</p>').append('</span>')
                                                    $('#list').append(li);
                                          });
                                          $('#my_chat').append('[/list]');
                                     }
            });