trattare array json

[Scream]

Ciao a tutti, sono molto ignorante in materia.

Questo il codice presente nella pagina "principale":

<script type="text/javascript">
  $(function(){
    $('ul li').click(function(){
      var contenuto_lista = this.id;
        $.post('json.php', {dir_id: contenuto_lista}, mostra_libri, 'json');
    });
  });

  function mostra_libri(data){
    $(function(){
      $('#output').html(data);
    })
  }
</script>
<div id="output"></div>

mi genera una risposta così:

[{"lib_id":"1","lib_title":"Titolo 1","lib_year":"2010","lib_copertina":""},{"lib_id":"2","lib_title":"Titolo 2","lib_year":"2011","lib_copertina":""},{"lib_id":"3","lib_title":"Titolo 3","lib_year":"2012","lib_copertina":""}]

Il risultato che vorrei in output dovrebbe essere qualcosa tipo questo:

<li id="1">Titolo 1 (2010)
<li id="2">Titolo 2 (2011)
<li id="3">Titolo 3 (2012)

Non so come trattare il risultato json. Ho guardato in giro, ma niente di "utile" o meglio niente che sono riuscito ad interpretare in modo corretto e che mi desse il risultato sperato.

[Xinod]

beh, data e' un array, ciclalo con each

$.each(data,function(i,el){
// qui fai quello che devi con el.lib_id, el.lib_title etc...
})

[Scream]

quindi dovrebbe divenire così?

....

  function mostra_libri(data){
    $.each(data,function(i,el){
      $('output').append('<li id="'+el.lib_id+'">'+el.lib_title+'');
    })
  }