title: Basic Scope Connection
body: <p>I just started AngularJS a few days ago and I've read that scopes are immediately updated whenever the value of their linked element changes. I have this HTML code with my controller:</p>
  
  <pre><code>&lt;div ng-controller="lyricsMod"&gt;
  &lt;textarea ng-model="valueB"&gt;&lt;/textarea&gt;
  {{valueA}}
  </code></pre>
  
  <p>And my AngularJS controller:</p>
  
  <pre><code>myMod.controller('lyricsMod', function($scope) { 
  $scope.valueA = $scope.valueB;
  });
  </code></pre>
  
  <p>However, this outputs nothing. But, changing the HTML code to:</p>
  
  <pre><code>&lt;div ng-controller="lyricsMod"&gt;
  &lt;textarea ng-model="valueA"&gt;&lt;/textarea&gt;
  {{valueA}}
  </code></pre>
  
  <p>Produces the wanted result. Pretty sure it has nothing to do with the AngularJS and that its just linking two things together in HTML. I don't understand, if the scope is immediately updated, why is this not working?</p>