Wstawienie danych z XML-a na stronkę

Mam taki przykładowy plik XML:

 

<?xml version="1.0" encoding="UTF-8"?>

<Content>

	<History>
		Jakiś kontent do działu Historia.
	</History>

	<News>
		Kontent do działu news - aktualności.
	</News>

	<Exhibitors>
		Dane dot. wystawców.
	</Exhibitors>

	<Media>
		<Photos>
			Zdjęcia.
		</Photos>
		<Videos>
			Filmy
		</Videos>
	</Media>

</Content>

Chciałbym na stronce w odpowiednim miejscu umieścić dane z xml-a (po kliknięciu w dany button). W tym celu stworzyłem taki plik javaScript:

 

var content = document.getElementById('content');

var historyButton = document.getElementById('historyButton');
var newsButton = document.getElementById('newsButton');
var exhibitorsButton = document.getElementById('exhibitorsButton');
var mediaButton = document.getElementById('mediaButton');
var photosButton = document.getElementById('photosButton');

var xmlDoc = loadXMLReference;

historyButton.onclick = function()
{
	loadContent('History');
}

function loadXMLReference()
{
	if (window.XMLHttpRequest)
	{// code for IE7+, Firefox, Chrome, Opera, Safari
		xmlhttp = new XMLHttpRequest();
	} else
	{// code for IE6, IE5
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.open("GET", "ContentData.xml", false);
	xmlhttp.send();
	xmlDoc = xmlhttp.responseXML;
}

function loadContent(contentType)
{
	content.innerHTML = xmlDoc.getElementsByTagName("History")[0].childNodes[0].nodeValue;
}

Niestety po kliknięciu w przycisk nic się nie dzieje :( Sprawdziłem i jeżeli w funkcji loadContent wpiszę content.innerHtml ='cokolwiek'; to 'cokolwiek' wyświetla się tam gdzie powinno, więc coś jest nie tak z samym wydobywaniem danych z xml-a, ale nie mam pojęcia co.