显示名称并提前输入ID选择

Question

我在项目中使用typeahead.js，并且想显示名称和通过ID选择

我有此数据：

var items = [
    { id: 100, name: 'name-100'},
    { id: 101, name: 'name-101'}
]

使用此配置：

var engine = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,  
    local: items
});

jQuery(".typeahead").typeahead({
  highlight: false,
  hint: false,
  minLength: 2
},
{
  name: 'test1',
  display: 'name',
  source: engine
});

我要选择id为101的项目，它只设置输入框的值并显示id（101）而不是name（name-101）

$(input).typeahead('val', 101);

https://jsfiddle.net/n03cfgej/4/

问题：如何通过ID选择项？