เราสามารถใช้ jquery mobile มาทำ single page ได้ไหมครับ ช่วยหน่อยครับ

<script type="text/javascript">
$(function(){
    $("#p1").click(function(){
       $(this).load("page1.html");
    });
    $("#p2").click(function(){
       $(this).load("page2.html");
    });
});
</script>
<div data-role="page" id="p1">
   
</div>
<div data-role="page" id="p2">

</div>

<a href="#page2" >Call Page</a>

   <a href="#page1" >Call Page</a>

<div id="ContentLink">
    <a href="#">มหาสารคาม</a><br />
    <a href="#">ร้อยเอ็ด</a><br />
</div>
<hr>
<div id="ContentDIV" style="display:none">
    <div>จังหวัดมหาสารคาม มีคนน่ารัก</div>
    <div>จังหวัดร้อยเอ็ด มีคนน่ารัก</div>
</div>

<script type="text/javascript">
$(document).ready(function() {
    $('#ContentLink a').click(function() {
        var i = $('#ContentLink a').index($(this));
        $("#ContentDIV div").hide();
        $("#ContentDIV div:eq(" + i + ")").show();
    });
});
</script>