title: jquery.load() is not working on phonegap 3.0.0
body: <p>I'm newbie developing a phonegap app. I already checked those posts: <a href="https://stackoverflow.com/questions/14792954/jquery-load-not-working-on-phonegap">jquery.load() not working on phonegap</a> and <a href="https://stackoverflow.com/questions/12472131/how-to-load-pages-using-jquery-load-in-phonegap">how to load pages using jquery load() in phonegap</a> and <a href="https://stackoverflow.com/questions/7539079/jquery-load-function-does-not-work-under-phonegap">jquery .load() function does not work under phonegap</a>... but nothing seems to help.</p>
  
  <p>I'm developing an app in phonegap with jquery and an external device to run it instead of an emulator. I have 2 html: <strong>breakfast.html</strong> and <strong>tab.html</strong></p>
  
  <p>My folder structure is:</p>
  
  <pre><code>▸ merges/               
  ▸ platforms/            
  ▸ plugins/              
  ▾ www/                  
    ▸ css/                
    ▸ img/                
    ▸ js/                 
    ▸ res/                
    ▸ spec/               
    ▾ static_pages/       
      ▾ layouts/          
          tab.html        
        breakfast.html    
      config.xml          
      icon.png            
      index.html          
      spec.html
  </code></pre>
  
  <p>My <strong>Breakfast.html</strong> is</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;                                                                                 
  &lt;html&gt;                                                                                          
      &lt;head&gt;                                                                                      
          &lt;meta charset="utf-8" /&gt;                                                                
          &lt;meta name="format-detection" content="telephone=no" /&gt;                                 
          &lt;meta name="viewport" content="user-scalable=no, initial-scale=1, maximum scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /&gt;          
          &lt;link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" /&gt;               
          &lt;link rel="stylesheet" type="text/css" href="../css/custom_forms.css" /&gt;                
          &lt;title&gt;Hello World&lt;/title&gt;                                                              
          &lt;script type="text/javascript" src="../phonegap.js"&gt;&lt;/script&gt;                           
          &lt;script type="text/javascript" src="../js/index.js"&gt;&lt;/script&gt;                           
          &lt;script type="text/javascript" src="../js/bootstrap.min.js"&gt;&lt;/script&gt;                   
          &lt;script type="text/javascript" src="../js/jquery-1.10.2.min.js"&gt;&lt;/script&gt;               
          &lt;script type="text/javascript"&gt;                                                         
            app.initialize();                                                                     
          &lt;/script&gt;                                                                                            
      &lt;/head&gt;                                                                                     
       &lt;body&gt;                                                                                      
         &lt;header class="navbar navbar-fixed-top"&gt;
           XXXXXXX                                                                       
         &lt;/header&gt;                                                                                 
           &lt;div id="testing"&gt;&lt;/div&gt;                                                                
           &lt;script&gt;$( "#testing" ).load( "layouts/tab.html #test" );&lt;/script&gt;       
         &lt;footer class="navbar" id="footer_bottom"&gt;                                                
           XXXXXXXX                                                              
         &lt;/footer&gt;                                                                                 
       &lt;/body&gt;    
  &lt;/html&gt;
  </code></pre>
  
  <p>My <strong>tab.html</strong> is:</p>
  
  <pre><code>&lt;div id="test" style="width:100%;heigt:90px;background:black;color:white;"&gt;
    TESTING JQUERY                                                           
  &lt;/div&gt;                                                                     
  </code></pre>
  
  <p>Regarding to official api.jquery.com/load page what I have to do to insert a part of an html file with an id I have to do next:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;load demo&lt;/title&gt;
    &lt;style&gt;
    body {
      font-size: 12px;
      font-family: Arial;
    }
    &lt;/style&gt;
    &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;b&gt;Footer navigation:&lt;/b&gt;
  &lt;ol id="result"&gt;&lt;/ol&gt;
  
  &lt;script&gt;
  $( "#result" ).load( "ajax/test.html #container" );
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I don't know what I'm doing wrong.</p>
  
  <p>Does anyone faced this issue before and figure it out why?</p>
  
  <p>Thanks in advance.</p>
  
  <p>UPDATE:</p>
  
  <p>Sorry, I'm developing for Android, and the device is a LG optimus 2X with android 4.2.2</p>