title: Angular Directive's template binding doesn't update
body: <p>I have a directive set up here <a href="http://jsfiddle.net/screenm0nkey/8Cw4z/3">http://jsfiddle.net/screenm0nkey/8Cw4z/3</a> which has two bindings to the same scope property, but for some reason the binding in the directive's template property doesn't update when the model changes (after typing in the input).</p>
  
  <pre><code>&lt;test&gt;
      &lt;h3&gt;Inner {{count}}&lt;/h3&gt;
      &lt;input type="text" ng-model="count"&gt;
  &lt;/test&gt;
  
  var App = angular.module('App', []);
  App.directive('test', function() {
      return {
        restrict: 'E',
        replace: true,
        transclude: true,
        template: "&lt;h1&gt;Outer{{count}} &lt;div ng-transclude&gt;&lt;/div&gt;&lt;/h1&gt;",
        controller: function ($scope) {
          $scope.count = 1;
        }
      };
    });
  </code></pre>
  
  <p>But if I move the input position in the markup it works and both bindings update.</p>
  
  <pre><code>&lt;input type="text" ng-model="count"&gt;
  &lt;test&gt;
       &lt;h3&gt;Inner {{count}}&lt;/h3&gt;
  &lt;/test&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/screenm0nkey/dCvZk/3">http://jsfiddle.net/screenm0nkey/dCvZk/3</a></p>
  
  <p>Can anyone explain why the position of the input containing the binding, would have an affect the bindings. I assumed that during the digest loop the watchers for both binding would be updated regardless of the position of the markup.</p>
  
  <p>Many thanks</p>