Не работает createElement
 

Имею флешку, которая при нажатии на нее вызывает javascript функцию. Проблема в том что не работает document.createElement("a"), именно тег a. Тег span, например, вызывается нормально. В чем может быть дело?
Код

function toggleDistrict(markId) {
	districtsOperatedForm = true;
	var mapInput = getEl("districtsMapInputForm_" + markId);
	
	if( mapInput == null ) {
		
		var metroInput = document.createElement("input");

		$(metroInput).attr("id", "districtsMapInputForm_" + markId);
		$(metroInput).attr("type", "hidden");
		$(metroInput).attr("name", "moscowMapForm[]");
		$(metroInput).attr("value", markId);

		var metroListItem = document.createElement("a");
                //alert(metroListItem );
		$(metroListItem).attr("id", "districtsMapHRefForm_"+ markId);
		$(metroListItem).attr("href", "javascript:void(0)");
		$(metroListItem).bind("click", function(e){ toggleDistrictByObjectForm(e.target) });
		$(metroListItem).attr("title", "Удалить");
		$(metroListItem).html('<span id="mmSpan_'+ markId +'">'+ districtIDtoName[markId] +'</span>');
//alert(metroListItem);
		document.getElementById("districtsMapListForm").appendChild(metroListItem);


		document.getElementById("districtsMapListForm").appendChild(metroInput);
		
	} else {
		
		var mapHRef = getEl("districtsMapHRefForm_" + markId);
		
		mapHRef.parentNode.removeChild(mapHRef);
		mapInput.parentNode.removeChild(mapInput);
	}
}

Если вместо a поставить span то все добавляется нормально. В чем может быть дело? С input таких проблем нет