title: Page loaded twice when trying to override jQuery Mobile default settings with touchOverflowEnabled
body: <p>As specified in the global config options I am trying to override jQuery Mobile default settings using the script order as specified in:</p>
  
  <p><a href="http://jquerymobile.com/test/docs/api/globalconfig.html" rel="nofollow">http://jquerymobile.com/test/docs/api/globalconfig.html</a> </p>
  
  <p>I am able to achieve this however when I navigate pages on an ios device(iphone4 running ios5) they seem to be duplicated and appear over the top of one another once you visit a few links, or click the back button a few times.</p>
  
  <p>Here is my script order.</p>
  
  <pre><code>    &lt;script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
      // my custom script
                  $(document).bind("mobileinit", function(){
                      //apply overrides to default settings
                      $.mobile.touchOverflowEnabled = true;
                      $.mobile.loadingMessage = false;
                      $.mobile.defaultPageTransition = 'none';
                  });
      &lt;/script&gt;
      &lt;script src="//ajax.aspnetcdn.com/ajax/jquery.mobile/1.0/jquery.mobile-1.0.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Here is the example (to see bug view on ios device): </p>
  
  <p><a href="http://dev.solidstategroup.com/ssgwebsite/mobile/" rel="nofollow">http://dev.solidstategroup.com/ssgwebsite/mobile/</a></p>
  
  <p>I'm not sure what I'm doing wrong and I have not come across this issue anywhere. Weirdly the problem can't be reproduced in ios simulator or in the browser. </p>
  
  <p>I have taken all other scripts out to eliminate these.</p>
  
  <p>If anyone can advise or think of a way to override the default settings in another way it may help others.</p>
  
  <p>Many thanks.</p>