JQuery next() val() est undefined

Bonsoir à tous,

Je cherche actuellement comment récupérer la valeur de deux input de class différentes en utilisant next() de jquery. La première valeur est récupérée mais la deuxième reste undefined.
Voici une maquette :

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript">
    $(function(){
       $(".t").click(function(){
           var lib = $(this).next(".lib").val();
           var id = $(this).next(".id").val();
           alert("Lib = " + lib + " ID = " + id);
         }
       ); 
    });
</script>

<a href="#" class="t">Un</a>
lib 1<input class="lib" type="text" value="Le premier lib"><br>
id 1 <input class="id" type="text" value="1"><br>

<a href="#" class="t">Deux</a>
lib 2 <input class="lib" type="text" value="Le deuxieme lib"><br>
id 2 <input class="id" type="text" value="2"><br>

Pourriez vous me dire comment récupérer (dans le cas de cette maquette) le lib et l'ID ?

D'avance merci !

PS : voici la maquette dans JSFiddle : http://jsfiddle.net/GL4Ys/2/