jQuery mobile inset listview自动链接搞砸了

Question

大家好我正努力让这个listview自动生成链接工作，我想将新项目附加到包含一些插入细节的列表视图。附加工作很好，但自动生成的动态页面链接不正确。 例如，如果您选中此fiddle link here，请点击“添加”按钮，您会发现每个项目链接都与添加到最后一项的链接相同 采集。

<div data-role="page" id="page1">
   <div data-role="header">
   <h1>jQuery Mobile Example</h1>
</div>
<div data-role="content">
<ul id="tl" data-role="listview" data-inset="true">
  <li><a  href="#">Acura</a>
         <ul>
            <li >Test</li>
          </ul>
       </li>      
   </ul>
  <button>Add</button>
</div>
<div>
$('button').on('click',function(){
   $('#tl').append('<li><a href="#">Test '+new Date().getTime()+'</a><ul>                   <li >Test '+new Date().getTime()+'</li></ul></li>');
$('#tl').listview('refresh');
});