Cannot get ResponseText to work...

[ActaNonVerba1]

Can anyone please explain why the response text of Save-Application.php doesn't replace the loading icon... full code here http://www.worldwidelighthouses.com/PHPApply/Apply.php

 

// Make XMLHttpRequest
function connection(){
var ajaxRequest; 

try{
	// Opera 8.0+, Firefox, Safari
	ajaxRequest = new XMLHttpRequest();
} catch (e){
	// Internet Explorer Browsers
	try{
		ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try{
			ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (e){
			// Something went wrong
			alert("Your browser doesn't support AJAX. Please consider updating.");
			return false;
		}
	}
}
}

//Swap one form for another
function changeForm(newContent) {
var form = document.getElementById("hireForm");	
form.innerHTML = newContent;
}
function changeTitle(newTitle) {
var title = document.getElementById("sectionName");
title.innerHTML = newTitle;	
}

//LOADING
var loading = '<div id="loading"><img src="http://cdn.nirmaltv.com/images/generatorphp-thumb.gif" alt="Loading..."><p>Please wait, loading the next section.</p></div>';
var loadingTitle = 'Loading&#8230;';
function showLoading() {
changeTitle(loadingTitle);
changeForm(loading);
}

//Make a dataset containing the form data & send it.
function sendForm() {
showLoading();
var connection = connection();
var form = document.getElementById("hireForm");
var formData = new formData(form);
connection.open("POST", "Save-Application.php");
connection.send(formData);
var newContent = connection.responseText;
changeForm(newContent);
}

 

Thanks,

Danny.