未激活的功能如何影响网站

我正在写一个JS网站。我有一个功能，可以以一种奇怪的方式更改网站。更糟糕的是，当发生此更改时，该功能甚至没有激活（在站点加载后立即发生）。这怎么可能？

我玩了一下，注意到如果我使用 append（） 而不是 appendTo，它可以正常工作.. 我仍然想了解 appendTo（） 的问题是什么。

我在这里添加了与 html 相关的代码和 JS。有问题的函数名称是"keepe"。感谢您的帮助。

网页代码：

<div id="whole">

</div>

JS代码

var shownikud=function (letter){
$('#kamatz').html('<img src="pics/'+letter+'-kamatz.png " >');  
$('#patach').html('<img src="pics/'+letter+'-patach.png " >');
$('#zere').html('<img src="pics/'+letter+'-zere.png " >');
$('#segol').html('<img src="pics/'+letter+'-segol.png " >');
$('#shva').html('<img src="pics/'+letter+'-shva.png " >');
$('#shuruk').html('<img src="pics/'+letter+'-shuruk.png " >');
$('#kubutz').html('<img src="pics/'+letter+'-kubutz.png " >');
$('#cholam').html('<img src="pics/'+letter+'-cholam.png " >');
$('#chirik').html('<img src="pics/'+letter+'-chirik.png " >');
if ((letter==='bet'  ) || (letter==='kaf') || (letter==='pe')) {                 
    $('.options-l').show();
    $('#l-kamatz').html('<img src="pics/'+letter+'-l-kamatz.png " >');  
    $('#l-patach').html('<img src="pics/'+letter+'-l-patach.png " >');
    $('#l-zere').html('<img src="pics/'+letter+'-l-zere.png " >');
    $('#l-segol').html('<img src="pics/'+letter+'-l-segol.png " >');
    $('#l-shva').html('<img src="pics/'+letter+'-l-shva.png " >');
    $('#l-shuruk').html('<img src="pics/'+letter+'-l-shuruk.png " >');
    $('#l-kubutz').html('<img src="pics/'+letter+'-l-kubutz.png " >');
    $('#l-cholam').html('<img src="pics/'+letter+'-l-cholam.png " >');
    $('#l-chirik').html('<img src="pics/'+letter+'-l-chirik.png " >');
} else {
    $('.options-l').hide();
}
}
//this function will sound the right letter with the right sound
var voice= function(zlil){
var v = '<audio autoplay><source src="sounds/' +zlil+'.mp3" type="audio/mpeg">Your browser does   not support the audio element.</audio>';
//$('.options').text(v);
$('#hearit').html(v);
}
**//this is the problematic function**
var keepe = function(so){
var accumulate=so;
$(accumulate).appendTo.('#whole'); **//this option destroy most of the site functionality**
$('#whole').html(accumulate);    **//this option works good**
$('#whole').append(accumulate); **//this option works good**
}
var main=function(){
/* this section defines what is the letter that was selected*/
$('.options-l').hide();
$('.letter').click(function(){
    //$('.options').text('ok - this is a result of clicking on one of the html elements');
    var let= this.id;
    //just to see what was the selected letter $('#testing').text(let);
    shownikud(let);

    $('.zlil').click(function() {
        //$('.options').text('ok - this is a result of clicking on a sound  elements');
        var sound=let+'-'+this.id; 
        //$('#testing').text(sound);
        voice(sound);
        keepe(sound); //**this is where i call the function**
        });
    });



};
$(document).ready(main);