valueNames not work as expected

[AlanNggg]

var options = {
    valueNames: ['id', { data: ["id"] }, 'name'],
    item: "<li class='list-group-item'><span class='id'></span><span class='name'></span></li>"
 };

For value item {id: 1, name: 'Hello World}, I expect it will render <li class='list-group-item' data-id='1'><span class='id'>1</span><span class='name'>Hello World</span></li>, but it renders <li class='list-group-item' data-id><span class='id'>1</span><span class='name'> where data-id is empty.