Ajax Naviagtion is not working in Jquery mobile framework.

Ajax Naviagtion is not working in Jquery mobile framework.

Hi ,
I am using Jquery Mobile Frame  with phone gap to develop . Native Mobile Application.


 Here we are not going host the web root on Webserver.

My detail.html page is present in www directory of phone gap..


Now when  we  click view link which is pointed detail.html. Its throwing error. Because this is not valid url
as its browse file:///C:/phonegap-0.9.3/Android/Allrecepie/assets/www/detail.html..

Example:
Index.html

<div data-role="page">

    <div data-role="header" data-theme="a">       
       
      
       
    </div><!-- /header -->
   
    <div data-role="content" data-theme="a">       
  
    <div id="contentwrapper">
        <div id="leftcolumn">
         
          <div id="left_column_menu">

                <ul data-role="listview"  data-theme="a" id="Categorylist">
                <div class="otherDIV">
                <a href="#" title="detail.html">view</a>
                </div>
                   
                </ul>
           
          </div>
        </div>
        <div id="contentcolumn">
        
  </div>
</div>
</div><!-- /page -->




</div><!-- /page -->