prepend()とprependTo()はともに引数を指定してコンテンツを要素の追加（または移動）するというものですが、追加する方向と追加元の処理が違います。 append()とappendTo()が、要素の最後に追加（または移動）するのに対して、 prepend()とprependTo()は、要素の先頭に追加（または移動）します。

下側の[ダミーテキスト1] 内の赤文字部分が#st01、背景が黄色のテキストが#tuikaです。
prepend()では、追加元のの内容をコピーして、追加先に文字列として追加します。
prependTo()では、prepend()と追加元と追加先が逆になり、追加元の文字列は移動になります。

<b>（重要）</b>

1. prepend()　下のソースを実行　#tuikaの内容が文字列として#st01に追加。
   

   var htmlStr2=$("#tuika").html();
    $('#st01').prepend(htmlStr2);

2. prepend()　下のソースを実行　#tuikaの要素がソースとして#st01に追加。
   

   var htmlStr2=$("#tuika").text(); 
   
   							$('#st01').append(htmlStr2);

3. prependTo()　下のソースを実行　#st01の要素がソースとして#tuikaに移動。
   

   $('#st01').appendTo('#tuika');

4. prependTo()　下のソースを実行　移動先をダミーのタグなどにすると結果として消える。
   

   $('#st01').appendTo('<b>');