JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div>
        <div height="125px" align='center'></div>
    </div>
    <div>
        <h4>Original Tutorial Link <a href="http://9lessons.blogspot.com/2009/10/json-jquery-ajax-php.html"> Click Here</a></h4>
    </div>
    <div>
        <input type="button" value=" Load " class="load" />
    </div>
</body>

CSS

.box {
	    font-family:'Georgia', Times New Roman, Times;
	    font-size:18px;
	    padding:10px;
	}
	.box a {
	    color:#000;
	}
	.box a:hover {
	    color:#96BC43;
	}

JavaScript

$(function () {

    $(".load").click(function () {



        $.getJSON("http://demos.9lessons.info/data.json", function (data) {
            $.each(data.posts, function (i, data) {
                var div_data = "<div class='box'><a href='" + data.url + "'>" + data.title + "</a></div>";

                $(div_data).appendTo("#9lessonsLinks");
            });
        });
        return false;
    });


});