title: Using multiple controllers defined via module does not work
body: <p>When defining controllers as global functions, everything works fine. But when using the modules to declare and "assign" the controllers, only the first controller is used to resolve the bindings. What am i missing?</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head/&gt;
  &lt;body&gt;
    &lt;div ng-app="flintstones"&gt;
      &lt;div ng-controller="flintstoneCtrl"&gt;
        &lt;label&gt;Name:&lt;/label&gt;
        &lt;input type="text" ng-model="yourName" placeholder="Enter a name here"&gt;
        &lt;hr&gt;
        &lt;h1&gt;Hello {{yourName}}!&lt;/h1&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div ng-app="rumbles"&gt;
      &lt;div ng-controller="rumbleCtrl"&gt;
        &lt;label&gt;Name:&lt;/label&gt;
        &lt;input type="text" ng-model="yourName" placeholder="Enter a name here"&gt;
        &lt;hr&gt;
        &lt;h1&gt;Hello {{yourName}}!&lt;/h1&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  
    var flintstones = angular.module("flintstones", []);
    flintstones.controller("flintstoneCtrl", function flintstoneCtrl($scope) {
      $scope.yourName = "Fred";
    });
  
    var rumbles = angular.module("rumbles", []);
    rumbles.controller("rumbleCtrl", function rumbleCtrl($scope) {
      $scope.yourName = "Barney";
    });
  
  &lt;/script&gt;
  
  &lt;/html&gt;
  </code></pre>