При выборе поисковых подсказок в input не срабатывает функция oninput, onchange

При выборе поисковых подсказок в input не срабатывает функция oninput, onchange

<main>
    <form action="index.php">
        <label for = "address_from">Откуда</label>
        <input class = "input" id="address_from" name="address_from" size="32" type="text" placeholder="Выберите место A">
        <label for = "address_to">Куда</label>
        <input class = "input" id="address_to" name="address_to" size="32" type="text" placeholder="Выберите место Б">
    </form>
    <div id="yandexMap" style="width: 100%; height: 400px"></div>
</main>

$address_to = '';
$address_from = '';
$('#address_from').on('input', function(event){ 
    $address_from = ($(this).val())
    rute()
});

$('#address_to').on('input', function(event){ 
    $address_to = ($(this).val())
    rute()
});
function rute(){
    routePanelControl.routePanel.state.set({
        fromEnabled: true,
        from: $address_from,
        toEnabled: true,
        to: $address_to
     });
}
ymaps.ready(init);
function init() {
    myMap = new ymaps.Map('yandexMap', {
    center: [55.355125, 86.087234],
        zoom: 11,
        controls: []
    }),
        routePanelControl = new ymaps.control.RoutePanel({
        });
    routePanelControl.routePanel.options.set({
        types: {auto: true}
    });
    var _from = new ymaps.SuggestView('address_from');
    var _to = new ymaps.SuggestView('address_to');
    myMap.controls.add(routePanelControl).add(zoomControl);
};