Добрый день. Не могу справиться с задачкой в MVC. Есть четыре списка и их нужно связать. То есть выбрав в первом списке что-то, формируем второй и так далее. Схема "Страна-город-район-улица". Использовала схему c ajax запросом и частичными представлениями. Связку двух первых списков выполняем, но как только второй список сформирован, и выбрав из него что то третий список не формирует.

$('#state').change(function()
    {
       // получаем выбранный id
        var id = $(this).val();
        $.ajax({
            type: 'GET',
            url: '@Url.Action("GetItems44")/' + id, 
            success: function (data) {
                // заменяем содержимое присланным частичным представлением
                $('#city').replaceWith(data);
            }
        });
    });

    $('#city').change(function () {
        var id = $(this).val();
        $.ajax({
            type: 'GET',
            url: '@Url.Action("GetItemsTopic")/' + id,
            success: function (data) {
                $('#punkt').replaceWith(data);
            }
        });
    });

    $('#punkt').change(function () {
            var id = $(this).val();
            $.ajax({
                type: 'GET',
                url: '@Url.Action("GetItemsTopic2")/' + id,
                success: function (data) {
                    $('#street').replaceWith(data);
                }
            });
        });