problema con $.getJson

[dyegox]

hola tengo este codigo

Código HTML:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
var list;
$(document).ready(function (){
    $.getJSON("http://127.0.0.1/getNewNotices.php",
        function(data){
        list = "<ul>";
          $.each(data, function(i,item){
            list += '<li><a href="' + item.n + '">' + item.n + '</a></li>';
          });
        list += "</ul>";
    });
    
    $("#lista_chat").html(list);
});
</script>
 
<div id="chat_home" style="width:250px;"> 
    <div id="lista_chat">
    </div> 
</div>
 

y el achivo getNewNotices.php genera esto:

Código HTML:

[{"n":" ","id":"13"},{"n":"choel Saint Esteben","id":"12"},{"n":"diego ijfg","id":"11"},{"n":"diego saint esteben","id":"10"},{"n":"Tomas Saint Esteben","id":"2"}]
 

lo qe pasa es qe no me muestra los resultados dentro del contenedor lista_chat