title: AngularJS + jQuery + mobile angular ui + phonegap = fail
body: <p>I'm trying to build my <strong>first mobile app</strong>. What I usying: <strong>AngularJS, Mobile Angular UI, jQuery and PhoneGap</strong>.</p>
  
  <p><strong>My code:</strong></p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular-route.min.js"&gt;&lt;/script&gt;
      &lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular-touch.min.js"&gt;&lt;/script&gt;
      &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="/mobile-angular-ui/dist/css/mobile-angular-ui-base.min.css" /&gt;
      &lt;link rel="stylesheet" href="/mobile-angular-ui/dist/css/mobile-angular-ui-desktop.min.css" /&gt;
      &lt;link rel="stylesheet" href="/css/demo.css" /&gt;
      &lt;script src="/mobile-angular-ui/dist/js/mobile-angular-ui.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-app="MyApp" ng-controller="MainController"&gt;
  
     HERE HTML CODE
  
  &lt;script&gt;
  
     HERE ALL LOGIC
  
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In all browsers all works fine, but when I getting <strong>apk file</strong> from <strong>PhoneGap</strong> and running it on my Nexus 4 (<strong>Android</strong>) I seeing <strong>white screen</strong> :*(</p>