title: Failed to load webpage with error: Frame load interrupted
body: <p>I see this has been asked before but I dont see any solutions:</p>
  
  <p>So Im using Cordova 2.5 to build an iPad app on iOS 6.1.2</p>
  
  <p>My app.coffee:</p>
  
  <pre><code>jQuery -&gt;
      class window.AppRouter extends Backbone.Router
          routes: {
              '': 'index',
              ':parent/:child/': 'childView',
              ':id/': 'detailView',
          },
  
          index: =&gt;
              $("#navbar .title").text("Flight Centre's Choices")
              view = new fc.main.View
              view.render()
  
          childView: (parent, child) =&gt;
              view = new fc.main.View(parent:parent, child:child)
              view.render()
  
          detailView: (id) =&gt;
              view = new fc.main.Detail(id:id)
              view.render()
  
      window.app = new AppRouter();
      Backbone.history.start();
  </code></pre>
  
  <p>The first index view loads successfully and displays as it should</p>
  
  <p>Now clicking on one of the links to lets say open childView, it fails to load the page:</p>
  
  <pre><code>2013-03-20 16:56:13.684 Flight[1158:907] Resetting plugins due to page load.
  2013-03-20 16:56:13.689 Flight[1158:907] Resetting plugins due to page load.
  2013-03-20 16:56:13.694 Flight[1158:907] Failed to load webpage with error: Frame load interrupted
  </code></pre>
  
  <p>the link the user clicks on looks like this':</p>
  
  <pre><code>/#/foo/bar/
  </code></pre>
  
  <p>Everything works as expected in Chrome browser on my mac.</p>
  
  <p>I dont know whats happening here!!</p>