How to interate ( Loop ) through JSON Array objects and display them in HTML using jQuery

I have created a sample for you

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $.ajax({
                type: "POST",
                url: "Default.aspx/GetCityList",
                data: '{}',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    $("#dvCities").append("<ul />");
                    for (var i in response.d) {
                        $("#dvCities ul").append("<li>" + response.d[i].Name + '-' + response.d[i].Population + "</li>")
                    }
                }
            });
        });
    </script>
    <div id="dvCities">
    </div>

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    [System.Web.Services.WebMethod]
    public static List<City> GetCityList()
    {
        List<City> cities = new List<City>();

        City city = new City();
        city.Name = "Mumbai";
        city.Population = 2000;
        cities.Add(city);

        city = new City();
        city.Name = "Delhi";
        city.Population = 1000;
        cities.Add(city);

        city = new City();
        city.Name = "Chennai";
        city.Population = 1200;
        cities.Add(city);

        return cities;
    }

    [System.Web.Services.WebMethod]
    public static City GetCity()
    {
        City city = new City();
        city.Name = "Mumbai";
        city.Population = 2000;
        return city;
    }
}

public class City
{
    private string name;
    public string Name
    {
        get
        {
            return name;
        }
        set
        {
            name = value;
        }
    }

    private int population;
    public int Population
    {
        get
        {
            return population;
        }
        set
        {
            population = value;
        }
    }
}