title: How to get selected item (object) in jquery listview?
body: <p>I want to have a list of customer and when I click on this customer I want to get the detail on another page. I fill my jquery listview with the GetWorkerList function and it work well but when I click on my listview, I don't know how to get the goog json object of my json array ?
  I'm beginner in javascript and jquerymobile and I have made this to fill my list view.</p>
  
  <p>Javascript code</p>
  
  <pre><code>function GetWorkerList()
  {
      res = serverMethods().GetWorkerList($('#pWorkerList #SearchWorkerValue').val());
      var array = res.result;
      var strarray = '';
      for (var n=0; n&lt;array.length; n++) {
              strarray += '&lt;li&gt;&lt;a href="#"&gt;'
                  + array[n].Name
                  + ((array[n].FirstNam == null) ? '' : ' ' + array[n].FirstNam)
                  + '&lt;/a&gt;' + '&lt;/li&gt;';
      };
  
      $("#lvWorker").empty();
      $("#lvWorker").append (strarray);
      $('#pWorkerList #lvWorker').listview('refresh');
  }
  
  function SelectCustomer()
  {
      toto = $("#lvCustomer");
      alert('Display Customer detail');
  }
  
  $(document).ready(function() {
    $('#bCustomerList').click (function (){
      GetCustomerList();
     });
    $('#lvCustomer').click (function (){
      SelectCustomer();
     });
  
  });
  </code></pre>
  
  <p>HTML code</p>
  
  <pre><code>&lt;!-- CustomerList --&gt;
  &lt;div data-role="page" id="pCustomerList"&gt;
      &lt;div data-role="header"&gt;
          &lt;h1&gt;LacourApps customer&lt;/h1&gt;
          &lt;a data-role="button" href="#pmain" data-icon="arrow-l" data-iconpos="left" class="ui-btn-left"&gt;Back&lt;/a&gt;
      &lt;/div&gt;&lt;!-- /header --&gt;
      &lt;input onclick="GetCustomerList" value="CustomerList" type="button" id="bCustomerList"&gt;
      &lt;input id="SearchCustomerValue" value="VAS"&gt;
      &lt;div data-role="content"&gt;
          &lt;ul data-role="listview" id="lvCustomer" data-inset="true" data-filter="true"&gt;
          &lt;/ul&gt;
      &lt;/div&gt;&lt;!-- /content --&gt;
      &lt;div data-role="footer"&gt;
          &lt;h4&gt;Page Footer&lt;/h4&gt;
      &lt;/div&gt;&lt;!-- /footer --&gt;
  &lt;/div&gt;&lt;!-- /page --&gt;
  </code></pre>