Rich Faces 4.0 Autocomplete

[Arvind Purohit]

Hi All
My Requirement is to make a form using rich faces 4.0 where user can enter his address details like Country, State , City

Now i want Once Country is selected state should be selected according to country
i want to display only 10 state at a time so using autocomplete component.
Now my problem is if i am selecting any state it is showing id instead name of state or country.
secondly i want to give ajax support so that as soon as a state is selected city should be populated accordingly
i am doing like this
THANKS A LOT

<rich:autocomplete autocompleteMethod="#{suggestionBoxBean.suggestCity}" var="city" autocompleteList="#{suggestionBoxBean.returnList}"
						   value="#{suggestionBoxBean.cityId}" fetchValue="#{city.cityId}"  >
						<h:column>
							<h:outputText value="#{city.cityId}" />
						</h:column>
						<h:column>
							<h:outputText value="#{city.cityName}" />
						</h:column>
					</rich:autocomplete>

Bean

@ManagedBean(name = "suggestionBoxBean")
@RequestScoped
public class SuggestionBox {
	private String cityId;

	private List<City> cityList = new ArrayList<City>();
	private List<City> returnList = new ArrayList<City>();

	public List<City> suggestCity(Object object) {
		String cityName = (String) object;
		returnList.clear();
		/* ________________Logic to filter data_____________ */
		for (int i = 0; i < cityList.size(); i++) {
			if (cityList.get(i).getCityName().startsWith(cityName))
				returnList.add(cityList.get(i));
		}

		return returnList;
	}

	public String printCity() {
		System.out.println("City = " + cityId);
		return null;
	}

	public String getCityId() {
		return cityId;
	}

	public void setCityId(String cityId) {
		this.cityId = cityId;
	}

	public List<City> getCityList() {
		return cityList;
	}

	public void setCityList(List<City> cityList) {
		this.cityList = cityList;
	}

	public SuggestionBox() {
              /*                   Fill data                           */ 
       }

}