title: Jquery Mobile Listview Clicked Item - Pass parameter to another page
body: <p>I've a index.html page. Also this page contains lots of page like #home, #list #contacts etc.</p>
  
  <p>in #list part i dynamically get data from my webpage and generate listview. I want that, when user click any of list item, redirect to #imageDetail page and pass image URL to page and show image</p>
  
  <p>here is the #imageDetail page part</p>
  
  <pre><code>    &lt;div data-role="page"  id="detailedIMAGE" data-theme="a"&gt;
        &lt;div data-role="header" data-theme="b" data-position="fixed"&gt;
          &lt;h1&gt;Image Detail&lt;/h1&gt;
          &lt;/div&gt;
              &lt;div data-role="content"&gt;       
              &lt;img id="imageDetayURL" name="imageDetayURL" src="glyphish-icons/158-wrench-2.png"/&gt;
              &lt;input type="text" disabled="disabled" id="brewername" name="brewername" /&gt;
              &lt;/div&gt;
          &lt;/div&gt;  
      &lt;/div&gt;
  </code></pre>
  
  <p>And below code is my javascript code to get json data dynamically.</p>
  
  <pre><code>    &lt;script&gt;
      $('#last5').live("click", function() {
          $.ajax({
              url: "http://mysqlservice.com/getdata.json",
              dataType: 'jsonp',
              success: function(json_results){
                  $("#imageListDetay").html('');
                  console.log(json_results);
                  $('#imageListDetay').append('&lt;ul data-role="listview" id="tweetul" data-theme="c"&gt;&lt;/ul&gt;');
                  listItems = $('#imageListDetay').find('ul');
                  $.each(json_results.results, function(key) {
                      html = '&lt;h3&gt;'+json_results.results[key].screen_name+'&lt;/h3&gt;&lt;span id="detailed_image"&gt;'+json_results.results[key].resim_url+'&lt;/span&gt;&lt;img WIDTH=200 HEIGHT=100 src="http://mywebpage.org/upload/'+json_results.results[key].resim_url+'" /&gt;&lt;p class="ui-li-bside"&gt;&lt;img WIDTH=8 HEIGHT=13 src="images/07-map-marker.png"/&gt; '+json_results.results[key].adres_data+'&lt;/p&gt;';
                      listItems.append('&lt;li&gt;&lt;a  name="imageDetayGoster" href="#detailedIMAGE"&gt;'+html+'&lt;/a&gt;&lt;/li&gt;');
                 });
                  $('#imageListDetay ul').listview();
              },
                  error: function (XMLHttpRequest, textStatus, errorThrown) {
                  //error
              }
          });
      })
  
  
      $("#detailedIMAGE").live("pagebeforeshow", function (e, data) { 
           var brewername = $('#detailed_image',data.prevPage).text();
           $('#brewername').val(brewername);  
           $('#imageDetayURL').attr('src', 'http://mobil.harmankaya.org/'+brewername);
           alert(brewername);
       });
      &lt;/script&gt;
  </code></pre>
  
  <p>The problem is after page change <code>alert(brewername)</code> fires. But <strong>list all image</strong> urls that listed in listview not my selected.</p>
  
  <p>How can i fixed this issue</p>
  
  <p>Thanks in advance.</p>