JSFiddle - React, Tailwind, and code Playground

by Jernej Slejko

HTML

<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<div class="row">
  <ul id="supercededParts">
  </ul>
</div>

JavaScript

var supercededData = [
  {
    "firstName": 'Dave',
    "route": 'url'
  }
];
var temp = {
  "firstName": 'Steve',
  "route": 'url'
};
//anotherObservableArray.push(temp);
supercededData.push(temp);

console.log(supercededData);

var cList = $('ul#supercededParts');


$.each(supercededData, function(i) {
  var li = $('<li/>')
    .appendTo(cList);
  var aaa = $('<a/>', {
     text : supercededData[i].firstName,
     href : supercededData[i].route })
    .appendTo(li);
});