JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<p>
Open your browser console to see results.
</p>
<span id="btnLoad">Load XML</span>

CSS

#btnLoad {
	background-color:#BBB;
	border:1px outset #333;
	cursor:pointer;
	padding:0 6px;
}
#btnLoad:hover {
	background-color:#DDD;
}

JavaScript

$(document).ready(function () {
	console.log('ready');
	$('#btnLoad').click(function () {
		console.log('clicked');
		$.ajax({
			url: '/echo/xml/',
			type: 'POST',
			dataType: 'xml',
			timeout: 1000,
			data: {
				xml: '<nodeone><tag atrium="4" /></nodeone>'
			},
			beforeSend: function () {
				console.log('beforeSend');
			},
			error: function(){
				console.log('Error loading XML document');
			},
			success: function(xml, status, xhr){
				console.log(arguments);
				console.log(xhr.responseXML, xhr.responseText);
				console.log('Finished!');
			}
		});
	});
})