function getStateList(str, formName) {  
	//str like "/employer/ajax/getSateInfo.do"
	var url = str + "?&CountryId="+document.forms[formName].countryId.value;
	var myAjax = new Ajax(url, {method: 'get', 
	onSuccess: function(transport2) {
							var result = transport2;
							loadstate(result, formName);							
			 	    	}
	}).request();    
}
	function loadstate(result, formName){
		if(result != null && result.length!=0) 
		{                                                               
			var p = eval("(" + result + ")");
			if(p.length==1){//only 'XX'-OTHER is in the list				
				document.getElementById("divState").innerHTML="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Other<input type=hidden value='XX' id=stateId name='stateId'> ";
	      	}
	      	else{
	      		document.getElementById("divState").innerHTML="<select name='stateId' id='stateId' class='txtshort'></select>";
	      		RemoveOptions(formName);
				addDefaultOption(formName);		                  
				for (var i=0; i<p.length; i++)
				{			
				    var	opt = document.createElement("option");
				    document.forms[formName].stateId.options.add(opt);        // Assign text and value to Option object
			        opt.text = p.element[i].id;
			        opt.value = p.element[i].id;		        				        	
				}
      		}		      		
		  }else{
 			//alert('No states avialable for selected country');
  			RemoveOptions(formName);
  			addDefaultOption(formName);
		} 
	}
 
      function RemoveOptions(formName) {        
		field=document.forms[formName].stateId;   //Your Listbox
		field.length=0;		
	}
	function addDefaultOption(formName){
		var	opt = document.createElement("option");
	    document.forms[formName].stateId.options.add(opt);        // Assign text and value to Option object
	    opt.text = "- Select State -";
	    opt.value = "-1";
	}