Fill a combox field from a json with cities and neighborhoods when state select changes

state.js

jQuery(document).ready(function($){
    $("#state_field_id").change(function(e){
        $.ajax({
            url: "/addresses/cities",
            data: {
                state_id: $(this).val()
            }
        }).done(function(data){
            $.each(data, function(index, item){
                $("#city_field_id").append($('<option />').attr("value", item.id).html(item.name));
            })
        });
    });
    
    $("#city_field_id").change(function(e){
        $.ajax({
            url: "/addresses/neighborhoods",
            data: {
                city_id: $(this).val()
            }
        }).done(function(data){
            $.each(data, function(index, item){
                $("#neighborhood_field_id").append($('<option />').attr("value", item.id).html(item.name));
            })
        });
    });
});