Le remplissage d'Une Zone de sélection Basée sur la Sélection dans une Autre Boîte de sélection - JQuery?

Je suis en train de remplir une boîte de sélection en fonction de la sélection faite dans la première boîte de sélection. J'ai regardé en ligne, et trouvé beaucoup d'informations utiles sur codée en dur dans les options, mais j'ai besoin de mes options à venir à partir d'une requête (comme cfquery dans coldfusion). Je sais qu'un cfquery est côté serveur, donc je ne peux pas l'inclure dans mon jquery, mais est-il une autre option?

J'ai été à l'aide de l'exemple suivant:

HTML:

<select id="counties">
    <option> </option>
    <option> somerset </option>
    <option> hertfordshire </option>
</select>

<select id="towns" disabled="true">
</select>

JS:

var countyTowns = [
    ["Bath", "Bristol"],
    ["Letchworth", "Hitchin"]
];

$("#counties").change(function() {
    var county = this.selectedIndex - 1;
    $("#towns").empty();
    if (county === -1) {
        $("#towns").attr("disabled", true);
    } else {
        var towns = countyTowns[county];
        for (var i = 0; i < towns.length; i++) {
            $("#towns").append($("<option></option>").text(towns[i]));
        }
        $("#towns").attr("disabled", false);
    }
});

Ce que j'ai besoin est pour les villes à être dynamique, et capable de lire à partir d'une base de données.

Toute aide est grandement appréciée!

Grâce