mui通过append添加toggle无法切换

代码如下：

var newitem = $('<li class="mui-table-view-cell"><p>'+item_name+'</p><span></span><div class="mui-switch  mui-active" data-switch="1"><div class="mui-switch-handle"></div></div></li>');  
 $("#main").find('ul').append(newitem);

HTML代码如下

        <div class="mui-content" id="main">  
                <ul class="mui-table-view">  
                    <li class="mui-table-view-cell">  
                        <p>Hello</p>  
                        <span></span>  
                        <div class="mui-switch mui-active">  
                            <div class="mui-switch-handle"></div>  
                        </div>  
                    </li>  
                </ul>  
        </div>

HTML中写入的这个toggle可以切换，但是append方法插入的没有办法切换。
浏览器中调试结果如图（附件）