title: jquery mobile - link listbox item with Store Object
body: <p>I have a few pages in single HTML file. On one page I load a list from my WS (JSON) and I display them in <code>&lt;li&gt;</code>. 
  How can I link list item with specific record in my data object ? There is no unique record ID btw.(tripId is not unique but tripID + custName is).
  What I want to accomplish is to do 1 trip for data, display list with few details and then when user clicks on one item show full details about the record. I don't want to load it again - I think this way app will work faster in my scenario. Below code:</p>
  
  <pre><code>// Store object
  var storeObject = {
      driverID: 0,
      tripID : 0,
      custName: '',
      City: '',
      state: '',
      zip: '',
      address1: '',
      phone: '',
      cell: '',
      contact: '',
      notes: '',
      APPT: '',
      done: '',
  };
  var uri = 'http://example.com/mywebservice.asmx/GetOpenTrips';
  $(document).on("pagecreate", "#opentrips", function () {
      // Send an AJAX request
      $.getJSON(uri, { driverID: storeObject.driverID })
          .done(function (data) {
              // creating html string
              var listString = '&lt;ul data-role="listview" id="tripsList"&gt;';
              console.log(data);
  
              // running a loop
              $.each(data, function (key, item) {
                  listString += '&lt;li&gt;&lt;a href="#tripDetails?id=' + item.tripID + '" &gt;' + '&lt;h2&gt;Trip# ' + item.tripID + '&lt;/h2&gt;&lt;p&gt;' +
                      item.descr + '&lt;/p&gt;&lt;p&gt;Miles: ' + item.miles + '&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;';
              });
              listString += '&lt;/ul&gt;';
  
              //appending to the div
              $('#MyOpenTripsLists').html(listString);
  
              // refreshing the list to apply styles
              $('#MyOpenTripsLists ul').listview();
  
              $('#MyOpenTripsLists').on('click', 'li', function () {
                  // alert("Works" + $(this).attr('id')); 
                  console.log($(this).attr('id') + 'clicked...');
                  // store all fields from data in store Object - how ?????????????????
                  // I can store html ID like below but how to access other fields ?
                  // I know data is accessible - console.log(data) and all records are listed
                  storeObject.tripID = $(this).attr('id');
                  storeObject.custName = ????????;
              });
          });
  });
  </code></pre>