Lo logre !! 
para cualquiera quien sigua este tutorial:
http://railscasts.com/episodes/88-dynamic-select-menus
pero este trabajando con bootstrap, entonces el script que esta en prototype, puede quedar en jquery de la siguiente manera:
Código PHP:
var municipios = new Array();
<% for municipio in @municipios -%>
municipios.push(new Array(<%= municipio.departamentos_id %>, '<%=h municipio.nombre %>', <%= municipio.id %>));
<% end -%>
function departamentoSelected() {
departamentos_id = $('#municipios_departamentos_id').val();
$('#negocios_municipios_id').html('');
$('#negocios_municipios_id').append('<option value="">Seleccione un municipio</option>');
for (i=0;i<municipios.length;i++){
if (municipios[i][0] == departamentos_id){
$('#negocios_municipios_id').append('<option value="'+municipios[i][2]+'" >'+municipios[i][1]+'</option>');
}
}
if ($('#negocios_municipios_id option').length == 1) {
$('#state_field').hide();
} else {
$('#state_field').show();
}
}
$(document).ready(function(){
departamentoSelected();
$('#municipios_departamentos_id').on('change', departamentoSelected);
});