<div id="results"></div>
<script id="results_tpl" type="text/template">
<ul>
{{#results}}
<li data-skin="{{skin_color}}">
{{name}}
</li>
{{/results}}
</ul>
</script>
var people = "https://swapi.co/api/people/";
$.getJSON(people).then(function(data) {
var template = $('#results_tpl').html()
var html = Mustache.render(template, data)
$('#results').html(html);
var tag = $('#results li');
return tag.map(function (i, elem) { return $(elem).data('skin'); }).toArray();
}).then(console.log)
/*
.then(function() {
var test = "//example.com/" + sub;
$.getJSON(otherItems, function(data) {}
});
*/
This Pen doesn't use any external CSS resources.