jQuery Mobile 2-page Base Fiddle

by bujar

HTML

<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css">
<div data-role="page" id="p1"> 
    <div  data-role="header"><h1>Header Page 1</h1></div> 
    
    <div  data-role="content">
<ul data-role="listview" data-inset="true">
    <li><a href="#">
        <img src="../../_assets/img/album-bb.jpg">
        <h2>Broken Bells</h2>
        <p>Broken Bells</p></a>
    </li>
    <li><a href="#">
        <img src="../../_assets/img/album-hc.jpg">
        <h2>Warning</h2>
        <p>Hot Chip</p></a>
    </li>
    <li><a href="#">
        <img src="../../_assets/img/album-p.jpg">
        <h2>Wolfgang Amadeus Phoenix</h2>
        <p>Phoenix</p></a>
    </li>
</ul>
    </div> 
    
    <div  data-role="footer"><h4>Footer</h4></div> 
</div>

JavaScript

$('a').click(function(){
    alert(1);
});

$('img.ui-li-thumb').click(function(){
    alert(2);
    return false;
});