Comment obtenir la valeur de l'élément sélectionné dans la vue liste JQUERYMOBILE

Salut, je suis à développer une listView simple qui répertorie la colonne "firstname" de ma table : je veux obtenir la valeur sélectionnée (nom) , j'ai trouvé ce lien, mais il montre qu'il comment faire pour obtenir l'index et non pas la valeur de l'élément sélectionné http://jsfiddle.net/w2JZU/

voici mon code :

HTML:

<div id="popup-bg">
</div>

   <div id="popup-box"> 

   <div data-role="page" id="home">

  <div data-role="header">
    <h1>Players</h1>
   </div>

<div data-role="content">
    <ul data-role="listview" id="artiste" >
    </ul>    
</div>
</div>
</div>
</section>

js :

    function successCB()
  {
     db.transaction(queryDB, errorCB);
   }

      function queryDB(tx)
        {
        tx.executeSql('SELECT * FROM Players ', [], querySuccess, errorCB);
       }

       function querySuccess(tx, results)
         {
          var len = results.rows.length;
           var dataset= results.rows;


         $("#artiste").empty();

          for (var i = 0; i < len; i++)
         {  item = dataset.item(i);
           $("#artiste").append( "<li data-theme='c'><a href='game.html'>
          <img src='images/avatar.jpg'><h3>"+item['firstName']+"</h3></a></li>" );

          }