title: Angular $broadcast not working.
body: <p>I am trying to share informations between two controllers with <a href="http://docs.angularjs.org/api/ng/type/%24rootScope.Scope#%24on">$scope.$on</a> and <a href="http://docs.angularjs.org/api/ng/type/%24rootScope.Scope#%24broadcast">$scope.$broadcast</a>. </p>
  
  <p>Here is the view: </p>
  
  <pre><code>&lt;div ng-controller="ParentCtrl"&gt;
      &lt;div ng-controller="ChildCtrl"&gt;
          {{content}}
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the controllers: </p>
  
  <pre><code>.controller('ParentCtrl', ['$scope', function($scope) { 
      $scope.$broadcast('someEvent', 'bidule');
  }])
  
  .controller('ChildCtrl', ['$scope', function($scope) { 
      $scope.$on('someEvent', function(event, b) {
          $scope.content = b;
      });
  }])
  </code></pre>
  
  <p>and the <a href="http://plnkr.co/edit/9dOjli?p=preview">plunker</a></p>
  
  <p>What am I doing wrong here? </p>