I have created a drop down list where it's values are stored in a JSON file.
I am capable of fetching the data from the file in Firefox, but am not able to do the same in Chrome, or other browsers.

Here is my HTML page:

```
<!doctype html>
<html>
<head>
  <title>angularjs phone number validation</title>
  <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">

  <script src="http://code.angularjs.org/1.2.9/angular.min.js"></script>
  <script src="script.js"></script>

</head>
<body ng-app="myApp" ng-controller="ProductCntrl">
Type of Employeement:<select ng-model="initialProduct"  ng-options="p.name for p in Products"></select>
 </body> 
 </html>

```

Here is my JavaScript:

```
var app = angular.module('myApp', []);

      app.controller('ProductCntrl', function ($scope,$http) {

      $http.get('json1/student.json') //reading the studentRecord.json file
            .success (function(json1){
                $scope.Products = json1; // binding the json1 to the $scope                          variable
                console.log($scope.Products[0].id);
              $scope.initialProduct = $scope.Products[0];
        });  
      });

```

`json1` is the folder name and `student.json` is the file where I have stored the json data.

This my JSON file:

```
[{
    "id": 1,
    "name": "Salaried"

  }, {
   "id": 2,
    "name": "Apprenticeship"

  }]

```