jquerykeyup不'；无法通过javascript检测内容更改

我有一段代码，将输入字段的内容放入预览div区域：

JS

HTML

我的问题来自我的两个输入字段稍微复杂一点。其中一个字段使用google map autosuggest。当我点击autosuggestion链接时，它会更新文本字段，但不会更新div中的预览，直到我通过添加或删除另一个字母来手动修改输入

jquery中有没有更好的方法来监视输入字段中的更改？这将允许我将字段的内容放入div，即使它是通过javascript而不是keyup放入div的

---

以下是jquery清除输入字段内容的示例，但它没有反映在DIV中：

使用

更改粘贴键控输入事件

$('.input').on('change paste keyup input', function() {
  $('#' + $(this).data('id')).html(this.value);
});

可能的重复--请确保阅读有关通过JS检测更改的注释。基本上，通过JavaScript更改值时不会触发任何事件。更改值后，您必须“手动”触发事件处理程序。另请参见。@FelixKling您可以向我解释如何手动触发它吗？我不知道自动建议是如何工作的，但可能有某种“完成”或“选择”事件在值更改时触发。您必须先侦听这些事件，然后调用
$（'.input'）.trigger（'keyup'）
（例如）来触发事件处理程序。对于google autosuggest的输入更改，这在chrome中恐怕仍然不起作用
<input class="input" type="text" name="title" placeholder="Job Title" data-id="title">
<div id="title"></div>

$('.input').on('change paste keyup input', function() {
  $('#' + $(this).data('id')).html(this.value);
});