Newbie with JQM and Firefox

Newbie with JQM and Firefox

Hi all,
I'm starting to use JQuery mobile to develop a mobile/desktop application.
So far my simple app is working on Android, iOS and in Chrome on Windows desktop.
We have an environment here with Redhat Linux and Firefox, I've tried the app on Firefox Windows but it doesn't work. I'm seeing the list but the pages data-role doesn't work, if I click on a list item, nothing happens.
I know the links with "navigator" won't work in desktop, but at least I should see the page when clicking on item lists.
Here's a screenshot and the the index.html:
 
 
<html>
<head>
<meta charset="utf-8">
<title>jQuery Mobile Web App</title>
<link href="jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/>
<link href="jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css"/>
<script src="jquery-mobile/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.3.1.min.js" type="text/javascript"></script>
<script src="phonegap.js" type="text/javascript"></script>
<script src="file:///storage/sdcard0/Android/data/PFN/PDFarray.js" type="text/javascript"></script>
<script src="PFNHQ.js" type="text/javascript"></script>










</head>
<body>
<div data-role="page" id="MainMenu">
 <div data-role="header">
  <h1>HQ PFN
        
        </h1>
 </div>
 <div data-role="content">
   <div  onClick="downloadFile()" style="margin: 0 auto;width:200px; height:80px"><button>Download PFN</button></div>
     
  <ul id="testUL" data-role="listview">
   <li><a href="#page2">PFN concernant les PI</a></li>
            <li><a href="#page3">PFN avec fonction de recherche</a></li>
   <li><a href="#page4">PFN généraux </a></li>
  </ul>  
 </div>
 
</div>


















<div data-role="page" id="page2">
 <div data-role="header">
  <h1>
            
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="33%">&nbsp;</td>
    <td width="33%">PFN concernant les PI</td>
    <td width="33%" align="right"><a href="#MainMenu" data-role="button">Menu</a></td>
  </tr>
</table>









        </h1>
  </div>
 <div data-role="content">
   <ol data-role="listview">
      <li><a href="#" onclick="navigator.app.loadUrl('file:///storage/sdcard0/Android/data/PFN/smartdocumentview.pdf', { openExternal:true });">PDF1</a></li>
      <li><a href="#" onclick="navigator.app.loadUrl('file:///storage/sdcard0/Android/data/PFN/garmin.pdf', { openExternal:true });">Garmin</a></li>
   
       
   
      </ol> 
   
 </div>
 
</div>












<div data-role="page" id="page3">
 <div data-role="header">
  <h1>
            
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="33%">&nbsp;</td>
    <td width="33%">PFN avec fonction de recherches</td>
    <td width="33%" align="right"><a href="#MainMenu" data-role="button">Menu</a></td>
  </tr>
</table>









        </h1>
  </div>
  <div data-role="content">
        <ul  id="PFNListArray" data-role="listview" data-filter="true" data-filter-placeholder="Recherche sur titre ou mots clés" data-inset="true">
       
        </ul>
    </div>
 
</div>







<div data-role="page" id="page4">
 <div data-role="header">
  <h1>
            
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="33%">&nbsp;</td>
    <td width="33%">PFN généraux</td>
    <td width="33%" align="right"><a href="#MainMenu" data-role="button">Menu</a></td>
  </tr>
</table>









        </h1>
  </div>
 <div data-role="content"> 
  PFN 
 </div>
 
</div>
</form>
</body>
</html>