title: Reloading external scripts (ie. google maps) in jquery mobile / phonegap
body: <p>I have an app built with jquery mobile and packaged with phonegap.  I'm running into the problem where if a user is to start my application in airplane mode (or just without a network connection) then turns a connection on / gains a connection google maps will not load, unless of course killing the app completely and relaunching.</p>
  
  <p>The method I tried to resolve this was just reloading the page using the following...</p>
  
  <pre><code>if(checkOnlineStatus()){
              $.mobile.changePage( './index.html',
                  {
                    allowSamePageTransition : true,
                    transition              : 'none',
                    showLoadMsg             : false,
                    reloadPage              : true,
                    changeHash              : false
                  }
                );
          }
          else{
              alert("Application requires a network connection.  Please check your settings and retry."); 
          }
  </code></pre>
  
  <p>This doesn't seem to reload any scripts whether I include them in the data-role="page" or not.  I'm storing google maps script right before the <code>&lt;/body&gt;</code> tag although I've tried this method storing it in the page element as well.</p>
  
  <p>Any help would be appreciated.</p>