AngularJS using $index within ng-repeat to bind model

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <link rel="stylesheet" href="style.css">
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-controller="Nav">
    {{urls}}
    {{names}}
    <div ng-repeat="link in urls">
        <input type="text" ng-model="link.url" />
        <input type="text" ng-model="names[$index].name"  />
    </div> 
  </body>

</html>

var app = angular.module('plunker',[]);
app.controller('Nav', function($scope) {
      $scope.names = [
          {
            "name" : "myname 1",
          },
          {
             "name": "myname 2"
          }  
      ]
      $scope.urls = [
          {
            "url" : "http://google.com",
          },
          {
             "url": "http://cnn.com"
          }
     ]; 
});

/* Styles go here */