i have succeeded in listing my data from mysql database in JQM.

i want to link the list item to its details.

Therefore when there is a click on a list item, a new page with the data from the list is displayed.

I dont know how to do it but i am guessing its a click event

Heres what i have now : but the link i have isnt working, guess i am missing something.

heres the link on js fiddle http://jsfiddle.net/8WU39/16/

<script type= text/javascript>
  $('#seyzListPage').live('pageshow', function(){
         url: "data.php",
         dataType: 'json',

            success: function(json_results){
            listItems = $('#seyzList').find('ul');
            $.each(json_results.rows, function(key) {
               html = '<li <h3><a href="index1.html?id=' + [json_results.rows[key].airp_id] +'"rel="external">'+json_results.rows[key].airport_code+'</h3>';
              html += '<p><br> Aiport name: '+json_results.rows[key].airport_name+'</p></a></li>';

            // Need to refresh list after AJAX call
              $('#seyzList ul').listview('refresh');

<div data-role="page" id="seyzListPage">  
    <div data-role="header" id="header">     

  <div data-role="content"  id="seyzList">
<ul data-role="listview" data-inset="true" data-filter="true"></ul>


    <div data-role="footer" data-postion="fixed">