title: Variables are binded two ways, so when ever one change the other one does aswell (uninteded)
body: <p><a href="http://plnkr.co/edit/iHSIyuQ0SF61m1VCgdKj?p=preview" rel="nofollow">http://plnkr.co/edit/iHSIyuQ0SF61m1VCgdKj?p=preview</a></p>
  
  <pre><code>var app = angular.module('test-app', []);
  
  app.controller('test-ctrl', function ($scope, $http) {
      testing();
  
      function testing() {
          $http.get('data.txt')
          .success(function (data) {
              var test1 = data;
              var test2 = data;
              test2.id = 5;
              console.log(test1.id);
              console.log(test2.id);
              $scope.test1 = test1
              $scope.test2 = test2
          })
          .error(function () {})
      };
  });
  </code></pre>
  
  <p>both return "5" Why? I need both the new data, and the snapshot of the original.</p>