jquery - 是否可以像这样混合 jquery 和模板文字？

Question

我尝试使用 find() 和 append() 注入 1 个 jQuery 对象。但是出了点问题，我不确定为什么？

http://codepen.io/ueeeieei/pen/RoyVGB?editors=0010

我的代码：

//template
var $container = $(`
    <div class="header">Header</div>
    <div class="content">Content</div>  
`);

//DOM ingridients
var $header = $(`<h1>Main Title</h1>`);
var $content = $(`<p>asldalsdkjaflskdfjsldkfjsdlfksj</p>`);

// Calling the function that do all
$('body').append(doIt($container, $header));


// the glue that binds all
function doIt($template, $headerContent){
    $('body').append($template);
    $container.find('.header').append($headerContent);
}