JSFiddle - React, Tailwind, and code Playground

HTML

<div id="data">%7B%22foo%22%3A%22apple%22%2C%22bar%22%3A%22orange%22%7D</div>
<div id="info"></div>

CSS

#data{
    display:none
}

JavaScript

var data = jQuery.parseJSON(unescape($("#data").html()));
$("#info").html(data.foo + '<br>' + data.bar);