Poblando un cuadro de selección basado en la selección en otro cuadro de selección: ¿JQuery?

Estoy intentando llenar un cuadro de selección según la selección realizada en el primer cuadro de selección. Lo busqué en línea y encontré mucha información útil sobre las opciones codificadas, pero necesito que mis opciones provengan de una consulta (como cfquery en coldfusion). Sé que un cfquery es del lado del servidor, por lo que no puedo incluirlo en mi jquery, pero ¿hay alguna otra opción?

Estaba usando el siguiente ejemplo:

HTML:

    somerset   hertfordshire     

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($("").text(towns[i])); } $("#towns").attr("disabled", false); } }); 

Lo que necesitaría es que las ciudades sean dinámicas y se puedan leer desde una base de datos.

¡Cualquier ayuda es muy apreciada!

Gracias