$(document).ready(function() {    
    
    var curr_sel = $('#id_province').val();
    $('#id_province').html('');
    $('#province-dropdown').hide();
    function update_provinces() {
        var country_id = $('#id_country').val();
        if (!country_id) {
            country_id = '';
        }
        $.getJSON('/geography/states?country=' + country_id, function(data) {
            var options = '';
            for (var i = 0; i < data.length; i++) {
                options += "<option value='" + data[i]['pk'] + "' ";
                if (data[i]['pk'] == curr_sel)
                    options += " selected "
                options += ">" + data[i]['fields']['name'] + "</option>";
            }
            if (options != '') {
                $('#province-dropdown').show();
            }
            $('#id_province').html(options);
        });
    }
    update_provinces();

    $('#id_country').change(function(e){
        update_provinces();
        $('#province-dropdown').hide();
    });
});