如何动态添加typeahead并获取input元素的id？

Question

我正在使用typeahead.js并遇到问题。我有这个HTML。

<input class="typeahead" type="text" id="element_1" >
<input class="typeahead" type="text" id="element_2" >

我动态创建类似的输入元素。如果我使用下面的代码，它适用于初始输入元素，但不适用于动态创建的元素，这是正确的。

$('.typeahead').each(function() {
    $(this).typeahead({
        hint: true,
        highlight: true,
        minLength: 1
    }, {
        name: 'items',
        displayKey: 'value',
        source: populateItems(this.id)
    })
});


function populateItems (id) {
    return function findMatches(inp, cb) {
        console.log("id: " + id);  //this is where i am accessing id
    };
};

如果有人可以帮我，我该如何使用它，以便可以为动态创建的所有元素注册typeahead，同时我可以获得active元素的id。