title: why do two ng-repeats share same scope?
body: <p>I have two divs with ng-repeat of the same list. But when I change the content of one list item from first div, the second div receives the same value. I thought ng-repeats had isolated scopes? How can I archieve isolation of the ng-repeats?</p>
  
  <p>edit:
  "In most cases, directives and scopes interact but do not create new instances of scope. However, some directives, such as ng-controller and <strong>ng-repeat, create new child scopes</strong> and attach the child scope to the corresponding DOM element."
  <a href="http://docs.angularjs.org/guide/scope" rel="nofollow">http://docs.angularjs.org/guide/scope</a></p>
  
  <pre><code>&lt;div ng-controller="MyCtrl"&gt;
  &lt;button ng-click="newitem()"&gt;add item &lt;/button&gt;
  &lt;div ng-repeat="item in list"&gt;
      &lt;input ng-model="item.name" placeholder="Name*"&gt;
      &lt;input ng-model="item.lastname" placeholder="Last name*"&gt;
      &lt;input ng-model="item.username" placeholder="Username(Email)*"&gt;
  &lt;/div&gt;
          here is another div with ng-repeat of the same list. why do they share scope? 
          &lt;br&gt;
  &lt;div ng-repeat="item in list"&gt;
      &lt;input ng-model="item.name" placeholder="Name*"&gt;
      &lt;input ng-model="item.lastname" placeholder="Last name*"&gt;
      &lt;input ng-model="item.username" placeholder="Username(Email)*"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>js:</p>
  
  <pre><code> var myApp = angular.module('myApp', []);
  function MyCtrl($scope) {
  
  $scope.list = [];
  
  $scope.newitem = function () {
      $scope.list.push({name: "", lastname: "", username: ""});
  }
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/LZKq2/" rel="nofollow">http://jsfiddle.net/LZKq2/</a></p>