layerポップアップ層におけるフォームが機能しない解決方法

var html = '
'
			+ '
   
'
			+ '
    
</div></div>'
			+ '<div class="layui-form-item"><label class="layui-form-label">    </label><div class="layui-input-block"><input type="checkbox" name="switch" lay-skin="switch" lay-text="  |  "/></div></div>'
			+ '<div class="layui-form-item" hidden=""><div class="layui-input-block"><button id="addRole" class="layui-btn" lay-submit="" lay-filter="formDemo">  </button></div></div>'
			+ '</form>';

	layer.open({
		type : 0,
		title : '    ',
		area : [ '500px', '400px' ],
		shadeClose : true, //       
		content : html,
		btn : [ '  ', '  ' ],
		success : function(index, layero) { //        
			form.render('checkbox'); //   checkbox    (          )
		},
		yes : function(index, layero) { //         
			layero.find('#addRole').click();
		},
		btn2 : function(index, layero) { //         
			layer.close(index); //      
		}
	});</code></pre> 
  <p>                      type   0 ， type  1         </p> 
  <pre><code>layer.open({
		type : 1,
		title : '    ',
		area : [ '500px', '400px' ],
		shadeClose : true, //       
		content : html,
		btn : [ '  ', '  ' ],
		success : function(index, layero) { //        
			form.render('checkbox'); //   checkbox    (          )
		},
		yes : function(index, layero) { //         
			layero.find('#addRole').click();
		},
		btn2 : function(index, layero) { //         
			layer.close(index); //      
		}
	});</code></pre> 
  <p> </p> 
 </div> 
</div>
                            </div>
                        </div>