JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/transparency/0.9.9/transparency.min.js"></script>
<div class="container">
  <div id="hello">One two tree</div>
  <div class="hi">One two tree</div>
  <span class="bye">One two tree</span>
  
  <div class="one">1</div>
  <div class="two">2</div>
  <div class="tree">3</div>
</div>

JavaScript

var hello;

hello = {
  hello: "Hello!",
  hi: "<p>Hi there!</p>",
  bye: "Goodbye!"
};

numbers = {
  one: "One 111",
  two: "Two 222",
  tree: "Tree 333"
};

$.ajax({
  url: "/echo/json/",
  cache: false,
  method: 'POST',
  data: {
        json: JSON.stringify(hello),
        delay: 1
    },
})
  .done(function(data) {
    $('.container').render(data);
  });
  
  
$.ajax({
  url: "/echo/json/",
  cache: false,
  method: 'POST',
  data: {
        json: JSON.stringify(numbers),
        delay: 1
    },
})
  .done(function(data) {
    $('.container').render(data);
  });


// $('.hi').html(unescape($('.hi').html()));