JSFiddle - React, Tailwind, and code Playground

by pleinx

HTML

<!-- hidden -->
<div class="employee">
  <span class="firstname"></span>&nbsp;<span class="lastname"></span>
</div>

CSS

.employee {
  display: none;
}

JavaScript

$.getJSON('/echo/json/', function(data) {
  // fake content ofjson  response
	data = {"firstName":"John", "lastName":"Doe"}; 
  
  var $employee = $('.employee');
  console.log(data);
  $employee.find('.firstname').text(data.firstName);
  $employee.find('.lastname').text(data.lastName);
  $employee.fadeIn();
});