var chosenState = "";
		
$(document).ready(function(){
  if ($("#country").val() == "us") {
  		//check if a value is already there
  		if ($("#district").val() != "") {
  			//need to select the chosen state afterwards
  			chosenState = $("#district").val();
  		}
  		$("#district").replaceWith("<select id='district' name='addressFinder.address.district'> <option>Please select...</option> </select>");
  		$.getJSON("/hopcheckout/js/usStates.json", addSelectOptions);
  }
});

function addSelectOptions(data, textStatus) {
 	var options = '<option>Please select...</option>';
	$.each(data, function() {
		options += '<option value="' + this.shortCode + '">' + this.description + '</option>';
	});
	$("select#district").html(options);
	
	if(chosenState != "") { 
		$("#district").val(chosenState); 
	}
}