title: I'm getting errors on parse JSON
body: <p>I have this sample JSON code and I want to loop it through with jQuery AJAX but for some reason there is always error on console</p>
  
  <p>this is the codes in file <em>new_content.json</em></p>
  
  <pre><code>[
      {
          "name": "Mehmet",
          "email": "mehmet@gmail.com"
      },
      {
          "name": "Fareed",
          "email": "fareed3242@yahoo.com"
      },
      {
          "name": "Jonathan",
          "email": "jonathan@gmail.com"
      }
  ]
  </code></pre>
  
  <p>these are my html</p>
  
  <pre><code>&lt;div id="main"&gt;This is the original text when page loads&lt;/div&gt;
  
  &lt;button id="button1" type="button"&gt;Update content with Ajax&lt;/button&gt;
  </code></pre>
  
  <p>this is inside javascript</p>
  
  <pre><code>$(document).ready(function () {
      $("#button1").on('click', function () {
          $.ajax({
              type: "GET",
              url: "new_content.json",
              success: function (rawData) {
                  var data = JSON.parse(rawData);
                  var result = '';
                  result += '&lt;table&gt; \
                                   &lt;tr&gt; \
                                          &lt;th&gt;name&lt;/th&gt; \
                                          &lt;th&gt;email&lt;/th&gt; \
                                      &lt;/tr&gt; \
                                      &lt;tr&gt;';
                  $.each(data, function (i, item) {
                      result += "&lt;tr&gt;&lt;td&gt;" + item[i].name + "&lt;/td&gt;";
                      result += "&lt;td&gt;" + item[i].email + "&lt;/td&gt;&lt;/tr&gt;";
                  });
                  result += "&lt;/tr&gt;&lt;/table&gt;";
                  $("#main").html(result);
              }
          });
      });
  });
  </code></pre>