So I will explain quickly. I am really new to JSON and Jquery/Javascript. I am building an internal website for a school and I want to build a specific page for each grade with the students listed on the page. Then all students has his personal page. The Json file looks like this:

```
[
  {
    "id": "sixthgrade",
    "grade": "Sixth grade",
    "URL": "/grades/sixthgrade.html",
    "listStudents": [
      {
        "studentName": "John Doe",
        "stuudentId": "johndoe",
        "studentPage": "/students/johndoe.html",
        "studentImageUrl": "/images/students/johndoe.jpg"
      }
    ]
  },
  {
    "id": "sixthgrade",
    "grade": "Sixth grade",
    "URL": "/grades/sixthgrade.html",
    "listStudents": [
      {
        "StudentName": "Paul Jackson",
        "studentId": "pauljackson",
        "studentPage": "/students/pauljackson.html",
        "studentImageUrl": "/images/students/pauljackson.jpg"
      },
      {
        "StudentName": "Alisson Smith",
        "studentId": "sixthgrade",
        "studentPage": "/students/alissonsmith.html",
        "studentImageUrl": "/images/students/alissonsmith.jpg"
      }
    ]
  }
]

```

And the JavaScript is that:

```
$.getJSON("/scripts/school.json", function(data) {
  var table = [];
  var studentId = '';
  var studentName = '';
  var studentImageUrl = '';
  var studentPage = '';
  var gradeId = '';
  $.each(data, function(key, val) {
    table = val['listStudents'];
    gradeId = val['id'];

    $.each(table, function(id, value) {
      studentId = value['studentId'];
      studentName = value['studentName'];
      studentImageUrl = value['studentImageUrl'];
      studentPage = value['studentPage'];
      table.push("<li class='container-image " + studentId + "'><a href='" + studentPage + "'><img src='" + studentImageUrl + "' /><span class='text'>" + studentName + "</span></a></li>");
      console.log(table);
    });

    $("<ul/>", {
      "class": "students-list " + gradeId + "",
      html: table.join('')
    }).appendTo("#list-students");
  });
});

```

I get this result for the 1st row UL [object Object] then the result of the Li that is what I only want to have.
For the 2nd row, I have UL [object Object][object Object] then the 2 LI with the only results I want to have.
For each row I have [object Object] depending of the number of students and then the LI with the information I want to have.

I tried to put JSON.stringify() everywhere I could and still getting [object Object].

Help would be so helpful. Thanks in advance.