Как отследить input jquery autocomplete?

Ситуация заключается в следующем. Есть поисковая строка с автозаполнением значений. При вводе данных, пользователь получает подсказки из массива данных прописанных в файле JS. Есть необходимость вывода выбранного текстового значения в span, после нажатия кнопки. В итоге текст вывести не получается, а лишь элемент самой строки либо его значение placeholder. Пытался реализовать через селекторы ById и TagName, не получается. Подскажите пожалуйста, как реализовать задуманное...

<script>
var button = document.getElementById("submit");
button.onclick = function() {
var p = document.getElementById("user-city");
var value = document.getElementById("myInput");
p.innerHTML = value.outerHTML;
}
</script>

https://jsfiddle.net/Alex45678/k1q03ceb/10/