Обновить список городов при смене страны, как?

есть два поля <input type="text" для страны и <input type="text" для города.

Надо чтобы при смене страны менялся список городов.

Щас список городов подгружается сразу при загрузке страници от страны выбранной по умолчанию, если страну сменить список городов не меняется:

$( '#magicCountry' ).magicSuggest(
{
allowFreeEntries: true,
cls: 'CHANNEL_INPUT',
maxSelection: 1,
value: [<?= ( !empty ( $COUNTRY ) ? $COUNTRY : $DETECTED_GEO['country']['id'] ); ?>],
maxSelectionRenderer: function () { return ''; },
data: <?= json_encode ( SQL:( "SELECT id, name_ru AS name FROM sxgeo_country ORDER BY name_ru ASC" ) -> fetchall( PDO::FETCH_ASSOC ) ); ?>
});
$( '#magicCity' ).magicSuggest(
{
allowFreeEntries: true,
cls: 'CHANNEL_INPUT',
maxSelection: 1,
value: [<?= ( !empty ( $CITY ) ? $CITY : $DETECTED_GEO['city']['id'] ); ?>],
maxSelectionRenderer: function () { return ''; },
data: <?= json_encode ( SQL:( "SELECT id, name_ru AS name FROM sxgeo_cities WHERE country_id = ? ORDER BY name_ru ASC", array ( $DETECTED_GEO['country']['id'] ) ) -> fetchall( PDO::FETCH_ASSOC ) ); ?>