JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<div id="data"></div>

CSS

ul {
  margin: 0 0 15px 0;
}

ul li {}

JavaScript

var url = 'https://api.myjson.com/bins/b29r7';

$.ajax({
  url: url,
  method: 'GET',
}).done(function(result) {
  var data = result.surrey;
  var $data = $('#data');
  data.forEach(function(item) {
    var $ul = $('<ul></ul>');
    for (var field in item) {
      $ul.append(`<li>${field}: ${item[field]}</li>`)
    }
    $data.append($ul);
  });
}).fail(function(error) {
  console.error(error);
});