title: display text into my html text box from json data
body: <p><strong>Here is my html text for my text-box :</strong></p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-2"&gt;
          &lt;button type="button" class="close" data-dismiss="alert" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
          &lt;div class="alert alert-info alert-dismissable"&gt;
              &lt;textarea class="form-control3" rows="3" placeholder="Clue 1"&gt;&lt;/textarea&gt;
              &lt;textarea class="form-control4" rows="3" placeholder="Answer"&gt;&lt;/textarea&gt;
              &lt;input type="text" class="form-control1" placeholder="10"&gt;
              &lt;input type="text" class="form-control2" placeholder="Rejected"&gt;
              &lt;div&gt;
                  &lt;img src="images/up.png" width="13px" ;height="13px"&gt;&amp;nbsp;
                  &lt;div class="blank"&gt;&lt;/div&gt;
                  &lt;span class="badge badge-danger"&gt;100&lt;/span&gt;
                  &lt;img src="images/down.png" width="13px" ;height="13px"&gt;&amp;nbsp;
                  &lt;div class="blank"&gt;&lt;/div&gt;
                  &lt;span class="badge badge-danger"&gt;50&lt;/span&gt;
                  &lt;img src="images/eye.png" width="20px" ;height="20px"&gt;
                  &lt;div class="blank"&gt;&lt;/div&gt;
                  &lt;span class="badge badge-danger"&gt;120&lt;/span&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>Here is my json code:</strong>
          (This is my .html file)</p>
  
  <pre><code>    &lt;html ng-app="myClues"&gt;
  
      &lt;head&gt;
          &lt;script data-require="angular.js@1.3.9" data-semver="1.3.9" src="https://code.angularjs.org/1.3.9/angular.js"&gt;&lt;/script&gt;
          &lt;link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css" /&gt;
          &lt;script src="//code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;
          &lt;script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
          var app = angular.module("myClues", []);
          app.controller("MyController", function($scope, $http) {
              $http.get("new1.json").success(function(result) {
                  $scope.Details = result.records;
              });
          });
          &lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body ng-controller="MyController"&gt;
          &lt;div&gt;
              &lt;ul&gt;
                  &lt;li ng-repeat="x in Details"&gt;
                      {{x.Name + ',' + x.City +',' + x.Country}}
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  
      &lt;/html&gt;
  </code></pre>
  
  <p><strong>(Below is my .json file)</strong></p>
  
  <pre><code>{
    "records": [{
      "Name": "CLUE 1",
      "City": "Answer to clue 1",
      "Country": "10 users rejected"
    }, {
      "Name": "CLUE 2",
      "City": "Answer to clue 2",
      "Country": "5 users rejected"
    }]
  }
  </code></pre>
  
  <p>When I run the page I want to display the JSON data in my HTML text boxes which I have created. How do I do that? Is my JSON code correct? </p>