Bootstrap MultiSelect - 自定义li模板

Question

我正在使用David Stutz Multiselect来满足我的应用需求。我需要在mutliselect中自定义复选框以匹配我的应用程序的已经自定义的复选框。

为了获取我的应用程序复选框，我需要

<label class="checkbox">
    <input type="checkbox">
       <i onclick="window.event.cancelBubble = true;"/>
    </input>
</label>

但是，修改模板以获得相同的效果并不奏效。

('#workArea').multiselect({
    maxHeight: 200,
    includeSelectAllOption: true,
    buttonWidth: '100%',
    dropRight: true,
    templates: {
        li: '<li><a tabindex="0"><label><input><i></i></input></label></a></li>'
    }
});

以上结果

<li>
   <a tabindex="0">
      <label class="checkbox" title="Unassigned">
           <input type="checkbox" value="unassignedWorkArea"> Unassigned
      </label>         
   </a>
</li>

缺少<i>。我需要做些什么来使其发挥作用？