Add a JSON file, load it with jQuery and display the content



github-pages/json.md
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="/json.js"></script>

<div id="text"></div>

github-pages/json.js
$().ready(function(){
    $.getJSON( "/data.json", function( data ) {
    console.log(data);
    $("#text").html(data["text"]);
  });
});

github-pages/data.json
{
   "text" : "Text supplied in the JSON file"
}