title: Why is this JSON not parsing correctly?
body: <p>I have JSON-file (staff.json):</p>
  
  <pre><code>[{
  "Position" : "Programmer",
      "Name" : "Giacomo Gulizzoni",
       "Age" : 37,
       "Sex" : "Male",
   "Project" : "SmartFactory"
  }, {
  "Position" : "Tester",
      "Name" : "Marko Botton",
       "Age" : 34,
       "Sex" : "Male",
   "Project" : "SmartFactory"
  }, {
  "Position" : "Tester",
      "Name" : "Markn",
       "Age" : 60,
       "Sex" : "Male",
   "Project" : "SmartFactory"
  }, {
  "Position" : "Tester",
      "Name" : "Mariah Maclachian",
       "Age" : 37,
       "Sex" : "Female",
   "Project" : "SmartFactory"
  }, {
  "Position" : "Tester",
      "Name" : "Valerie Liberty",
       "Age" : 25,
       "Sex" : "Female",
   "Project" : "SmartProject"
  }, {
  "Position" : "Programmer",
     "Name " : "Guido Jack Gulizzoni",
       "Age" : 22,
       "Sex" : "Male",
   "Project" : "SmartProject"
  }, {
  "Position" : "Programmer",
     "Name " : "Guioni",
       "Age" : 44,
       "Sex" : "Male",
   "Project" : "SmartProject"
  }]
  </code></pre>
  
  <p>And this code (table-generator.js) generates a table from this json:</p>
  
  <pre><code>define('table-generator', function () {
  var xmlhttp = new XMLHttpRequest();
  
  var url = "js/json/staff.json";
  
  xmlhttp.onreadystatechange = function() {
      if (xmlhttp.readyState == 4 &amp;&amp; xmlhttp.status == 200) {
          myFunction(xmlhttp.responseText);
      }
  }
  xmlhttp.open("GET", url, true);
  xmlhttp.send();
  
  function myFunction(response) {
      var arr = JSON.parse(response);
      var i;
      var out = "&lt;table&gt;&lt;tr&gt;&lt;th&gt;Position&lt;/th&gt;&lt;th&gt;Name&lt;/th&gt;&lt;th&gt;Age&lt;/th&gt;&lt;th&gt;Sex&lt;/th&gt;&lt;th&gt;Project&lt;/th&gt;&lt;/tr&gt;";
      for(i = 0; i &lt; arr.length; i++) {
          out += "&lt;tr&gt;&lt;td&gt;" + 
          arr[i].Position + 
          "&lt;/td&gt;&lt;td&gt;" + 
          arr[i].Name + 
          "&lt;/td&gt;&lt;td&gt;" + 
          arr[i].Age + 
          "&lt;/td&gt;&lt;td&gt;" + 
          arr[i].Sex + 
          "&lt;/td&gt;&lt;td&gt;" + 
          arr[i].Project + 
          "&lt;/td&gt;&lt;/tr&gt;";
      }
  
      out += "&lt;/table&gt;";
      document.getElementById("id01").innerHTML = out;
  }
  });
  </code></pre>
  
  <p>The problem: when I add more persons to JSON-file, their names in table are generated as Undefined. Only names, other data are displayed correctly. Can't find out, what is the reason (may be require.js). 
  Can anybody help me out?
  The link to page is in the comment below.</p>