JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">


	    </div>

        <script src="js/jquery.js"></script>
        <script src="js/scripts.js"></script>

CSS

body {
    padding: 0;
    margin: 0;
}

.container {
	width: 900px;
	margin: 0px auto;
}

.my-class {
	color: blue;
}

JavaScript

$( document ) .ready(function() {

    $.ajax({ 
	    type: 'GET',
	    url: 'http://www.reed.co.uk/api/1.0/search?keywords=imobilus%20jobs',
        data: { username: 'b110030d-7491-48fe-9354-05c0ec0181d7', password:'' },
	    dataType: 'json',
	    success: function (data) {
			console.log(data.results);

			if(data.results.length > 0) {
				var numberOfResults = data.results.length;
				$('.container').append('<div>Found '+numberOfResults+' results</div>');
		        $.each(data.results, function(index, element) {
			        if(index < 100) {
		            	$('.container').append('<div class="my-class">'+element.locationName+'<div><div>'+element.jobDescription+'</div>');
		            }
		        });
		    } else {
			    $('.container').append('<div class="my-class">Sorry nothing found</div>');
			}


	    }
	});

});