onChange fires before value is updated [When Clicked]

The below gif should describe the problem

I believe the issue is due to the blur effect called by the hiding of the menu after the click
The TypeAhead JS code looks like

` $('#typeahead_id').typeahead({
name: 'typeahead',
remote: 'search.php?key=%QUERY,
limit: 10
});`

And the html for the input

`Team Name:

`;

The update Param method

` function update_params(val, id) {
let temp = nodes[id]
temp.params[val] = $("#" + val + id).val()
console.log(temp)
}`

The oddness of this can be explained in that each of the blue boxes is referred to as a node, and can have their own unique typeahead.