Bootstrap typeahead выберите событие для формы

Добрый день. Я начинаю использовать bootstrap3-typeahead.min.js версии 4.0.2, и это хорошо, это работает очень хорошо. Моя версия Twitter-Bootstrap — 3.3.7.

Так что, как я понимаю, я должен использовать специальный скрипт typeahead, поскольку в этой версии его нет.

Выполняя поиск здесь и на других страницах, я нашел сценарий, в котором при выборе нужной опции автоматически запускается форма, хотя она не работает, а только вводит значение поиска на входе. Попробовал положить console.log, но он тоже не запускается.
Вот онлайн-сценарий для twitter-bootstrap3 typeahead:

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script>

Вот мой код:

$(document).ready(function(){
$('#valor').typeahead({
source: function(query, result)
{
$.ajax({
url:"mySearchUrl.php",
method:"POST",
data:{query:query},
dataType:"json",
success:function(data)
{
result($.map(data, function(item){
return item;
}));
}
})
}
}).on('typeahead:selected', function(e){
console.log("hello");
e.target.form.submit();
});
});

Вот моя форма:

<form class="navbar-form navbar-left" id="form_buscar" name="form_buscar" method="post" action="myurl.php">
<div class="input-group">
<input type="text" name="valor" id="valor" class="form-control" autocomplete="off" placeholder="Buscar nombre, credito o calle" />
<div class="input-group-btn">
<button class="btn btn-default" name="buscar" id="buscar" type="submit">
<i class="glyphicon glyphicon-search"></i>
</button>
</div>
</div>
</form>

Все работает действительно хорошо, кроме той части, где выбрано событие.

Кроме того, я читал об этом другом сценарии, но я не могу заставить его работать:

 $('#valor').on('typeahead:select', function(evt, item) {
console.log(evt)
console.log(item)

})

Заранее спасибо.