Javascript 未定义不是要发布的函数

我有一些jQuery，看起来像：

$(function() {
   var productTextTemplate = $('#product-text-template').html();
   var productTemplate = $('product-template').html();
   var product = productTextTemplate.appendTo(productTemplate);
   alert(product);
});

我想做的是合并：

<div id="product-template">
   Hello
</div>

你好

及

世界

因此，它变成：

<div id="product-template">
   Hello
   <div id="product-text-template">
      World
   </div>
</div>

你好
世界

但是我得到了一个错误：

uncaughttypeerror:undefined不是一个函数

。我还做了一个JSFiddle，在这里：

谢谢你的帮助

从

var productTextTemplate=$（“#产品文本模板”）.html（）中删除
.html（）

从
var productTextTemplate=$（“#产品文本模板”）.html（）中删除
.html（）

ِ此外，您可能忘记将
#
写入
产品模板

var productTemplate=$（“#产品模板”）.html（）

ِ此外，您可能忘记将
#
写入
产品模板

var productTemplate=$（“#产品模板”）.html（）

提示：
“foo.appendTo”（“bar”）
有什么作用？（为什么我会在示例中选择
“foo”
的值而不是jQuery对象？）提示：
“foo.appendTo”（“bar”）
做什么？（为什么我会在示例中选择
“foo”
的值，而不是jQuery对象？）
<div id="product-template">
   Hello
   <div id="product-text-template">
      World
   </div>
</div>

$(function() {
    var productTextTemplate = $('#product-text-template');
    var productTemplate = $('product-template').html();
    var product = productTextTemplate.appendTo(productTemplate);
    alert(product);
});