title: AngularJs routing issue
body: <p>I have some problem with angularjs routing. My goal is to append different view depending on the path. I want to implement this using different ng-apps in one html document like this:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div ng-app="header" id='header'&gt;
          &lt;div ng-view&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div ng-app="content" id='content'&gt;
          &lt;div ng-view&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>And the app.js:</p>
  
  <pre><code>angular.module('content', []).
    config(['$routeProvider', function($routeProvider) {
      debugger;
    $routeProvider 
    .when('/101DEV/createProfile/', {templateUrl: '/101DEV/views/new-profile.html'})
    .otherwise({templateUrl: '/101DEV/views/page-not-found.html'})
  }]);
  
  
  angular.module('header', []).
    config(['$routeProvider', function($routeProvider) {
    $routeProvider.otherwise({templateUrl: '/101DEV/views/top-menu.html'})
  }]);
  
  
  angular.bootstrap(document.getElementById('header'), ['header']);
  angular.bootstrap(document.getElementById('content'), ['content']);
  </code></pre>
  
  <p>The header part is appended fine but the content part is not appended even the path is the same as I expect to get.. Can't find where the problem is.</p>