Layui layer组件报错：jquery Syntax error, unrecognized expression: #[object HTMLInputElement]

背景

项目是一个 jsp写的前后端不分离的项目，需要加一个”弹出层“，要求兼容IE浏览器同时时间比较紧张，所以我选择用layui的layer 组件来开发。layer 组件的content 参数我用的是模版字符串 ” “”来拼接弹窗内容,但是IE是不支持的，所以改为自己拼接弹窗模版字符串。这个时候就出现了问题

需求: 用layui 实现一个弹出层效果
关键点：layer的content参数,content: ‘< div o nc like=”test(’+‘1’+‘)”&g t;’

content可传入的值是灵活多变的，不仅可以传入普通的html内容，还可以指定DOM，更可以随着type的不同而不同。譬如：
/!*
 如果是页面层
 */
layer.open({
  type: 1, 
  content: '传入任意的文本或html' //这里content是一个普通的String
});
layer.open({
  type: 1,
  content: $('#id') //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
});
//字符串模版
$.post('url', {}, function(str){
  layer.open({
    type: 1,
    content: "<div&gt;</div&gt;"
  });
});
/!*
 如果是iframe层
 */
layer.open({
  type: 2, 
  content: 'http://sentsin.com' //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
}); 
/!*
 如果是用layer.open执行tips层
 */
layer.open({
  type: 4,
  content: ['内容', '#id'] //数组第二项即吸附元素选择器或者DOM
});