Firefox 3 and AJAX Form Updating

Hi guys, Right now I'm having a problem with a form that I use with AJAX to populate from a db.

So the thing is this:

I created a side form in a webpage, that uses AJAX to sort out office centers adding drop downs on the go to narrow the search. I IE7 works like a charm, and in FF2 also, the problem arised when FF updated to the version 3.0+ suddently the code stopped working.

It's not that It stopped working, in fact the drop dwons created by AJAX do show in the webpage... but when you send the form... the drop downs seem that never where in the form.

When I check the source code I doesn't show the new dropdowns anywhere in the code, but when Inspect the form element using firebug, IT does appear... I'm confused... before FF3 the code worked... I don't konw if it's a bug, or some bad coding practice that FF decided to stop interpreting it, anyway my boss is Pro IE so with this issu FF Is letting me down hehe

Do you know how could this thing be resolved, I'm not seeing other similar issues.

You can check the pages here:
http://test.abcn.com/locationResults.php

It's the drop down on the right that says "region"

//This is the JS AJAX code
 
var xmlHttp;
var scopeSel;
var regionSel;
 
function checkLocations(region, scope)
{	
		xmlHttp=GetXmlHttpObject();
		
		 if (xmlHttp==null)
		  {
		  	alert ("Browser does not support HTTP Request");
		  	return;
		  } 
		 var url="modules/selectLocation/checkZones.php?region=" + region + "&scope=" + scope;
		 scopeSel = scope;
		 regionSel = region; 
		 
		 if (region != "null")
		 {		 
			  if (scope == "cities" || scope == "states" || scope == "countries")
			 {
				xmlHttp.onreadystatechange=stateChanged;
			 	xmlHttp.open("GET",url,true);
			 	xmlHttp.send(null);
		 	 }		 	 
	 	 }
		 
}
 
function stateChanged() 
{ 
	if (xmlHttp.readyState==1)
	{
		if (scopeSel == "countries")
		{
			document.getElementById("selectCity").innerHTML =  "";
			document.getElementById("selectCity").style.display = "none";
			document.getElementById("selectState").innerHTML =  "";
			document.getElementById("selectState").style.display = "none";
		 	document.getElementById("selectCountry").innerHTML =  "<div id='selectFormElement'>\n<fieldset>\n<legend>Country</legend><span style='font-family: Arial, Helvetica, sans-serif; font-size: 10px;'>Loading Countries, Please Wait...</span></fieldset></div>";
	 	}	
	 	if (scopeSel == "states")
		{
			if (regionSel == "US" || regionSel == "CA")
			{
				document.getElementById("selectCity").innerHTML =  "";
				document.getElementById("selectCity").style.display = "none";
				document.getElementById("selectState").style.display = "block";
				document.getElementById("selectState").innerHTML =  "<div id='selectFormElement'>\n<fieldset>\n<legend>State</legend><span style='font-family: Arial, Helvetica, sans-serif; font-size: 10px;'>Loading States, Please Wait...</span></fieldset></div>";
			}
			else
			{
				document.getElementById("selectCity").innerHTML =  "";
				document.getElementById("selectState").innerHTML =  "";
				document.getElementById("selectState").style.display = "none";
				document.getElementById("selectCity").style.display = "block";
				document.getElementById("selectCity").innerHTML =  "<div id='selectFormElement'>\n<fieldset>\n<legend>City</legend><span style='font-family: Arial, Helvetica, sans-serif; font-size: 10px;'>Loading Cities, Please Wait...</span></fieldset></div>";	
				scopeSel = "citiesCountry";
			}
	 	}
	 	if (scopeSel == "cities")
		{
			document.getElementById("selectCity").style.display = "block";
			document.getElementById("selectCity").innerHTML =  "<div id='selectFormElement'>\n<fieldset>\n<legend>City</legend><span style='font-family: Arial, Helvetica, sans-serif; font-size: 10px;'>Loading Cities, Please Wait...</span></fieldset></div>";
	 	}
	}
	
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	{
		xmlDoc=xmlHttp.responseText;
		if (scopeSel == "countries")
		{
		 	document.getElementById("selectCountry").innerHTML =  xmlDoc;
	 	}
	 	if (scopeSel == "states")
	 	{
		 	document.getElementById("selectState").innerHTML =  xmlDoc;
	 	}
	 	if (scopeSel == "cities")
	 	{
		 	if (xmlDoc != "not Found")
		 	{	
		 		document.getElementById("selectCity").innerHTML =  xmlDoc;
	 		}
	 		else
	 		{
		 		document.getElementById("selectCity").innerHTML =  "";
	 		}
	 	}
	 	if (scopeSel == "citiesCountry")
	 	{
		 	if (xmlDoc != "not Found")
		 	{	
			 	document.getElementById("selectState").innerHTML =  "";
		 		document.getElementById("selectCity").innerHTML =  xmlDoc;
	 		}
	 		else
	 		{
		 		document.getElementById("selectState").innerHTML =  "";
		 		document.getElementById("selectCity").innerHTML =  "";
	 		}
	 	}
	}
} 
 
function GetXmlHttpObject()
 { 
 var objXMLHttp=null;
 if (window.XMLHttpRequest)
  {
  objXMLHttp=new XMLHttpRequest();
  }
 else if (window.ActiveXObject)
  {
  objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 return objXMLHttp;
 }

Select allOpen in new window