title: Put each JSON object and its item into <li> depending on how many objects there are
body: <p>JSON (i got 3 a objects):</p>
  
  <pre><code>[{"NotificationID":13,
  "SourceID":1,
  "NotificationGroup":null,
  "NotificationGroupID":0,
  "NotificationName":"Updates",
  "Description":"Server Maintenance",
  "NotificationDate":"2017-01-01T00:00:00",
  "DueDate":"2017-01-01T00:00:00",
  "NotificationTo":"Me",
  "ReadFlag":0,
  "IsDelete":0,
  "CreateDateTime":"2017-01-01T00:00:00",
  "CreateBy":"Me",
  "ModifyDateTime":"2017-01-01T00:00:00",
  "ModifyBy":"Me",
  "NotificationType":1,
  "SourceName":"test"}]
  </code></pre>
  
  <p>OUTPUT should display the objects along with the object's item list</p>
  
  <p>My JavaScript: Take note that ul tag and li tag havent been created</p>
  
  <pre><code>var notif = $.ajax({
      url: serviceApi,
      dataType: "json",
      success: function (data) {
          var notifObj = JSON.parse(JSON.stringify(data));
          var divElement = document.createElement("ul");
          var divElement_2 = document.createElement("li");
  
      },
  });
  </code></pre>