JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
                <div class="span-24">
                       <h2>Check out the following locations:</h2>
                                        <div id="loc">
                                        </div>
                </div>
        </div>

CSS

.colorOver{
    background-color: #31b8da;
}

.colorOut{
    background-color: red;
}

JavaScript

var jsonResult = {"locations": [{"title": "The Space Needle","latitude": 47.619,"longitude": -122.348},{"title": "Albany","latitude": 46,"longitude": -74}]};

$.each(jsonResult.locations, function(i, location) {
    content += '<p>' + location.title + '</p>';
    content += '<p>' + location.latitude + '</p>';
    content += '<p' + location.longitude + '</p>';
    content += '<br/>';

    $(content).appendTo("#loc");
});