$('body').append('');とは、つまりbodyタグの開始タグ直後に<div class="overlay"></div>が挿入され

Question

タイトルが分かりにくくなってすいません、変更が出来ないのでそのままになっています。

ボールドテキスト$('body').append('<div class="overlay"></div>');

$('body').appendはbody内にHTMLを入れるという事。
body内に<div class="overlay"></div>を作ってください。
という意味と、聞いたのですが、つまりbodyタグの開始タグ直後に<div class="overlay"></div>が挿入されると言う事でしょうか？
それとも終了タグ直前に挿入されると言う事でしょうか？

<!-- lightboxyufu-images -->
			<script>
			    // 下記画像をクリックすると、ライトボックスが始まる
			    $('.pcimage,.tabletimage,.spimage').click(function(){
			      //背景のオーバーレイを作成
			      $('body').append('<div class="overlay"></div>');
			      //オーバーレイをフェードイン
			      $('.overlay').fadeIn('slow');

			      // モーダルコンテンツのIDを取得
			      var modal = '#' + $(this).attr('data-tutor');
			       // モーダルコンテンツフェードイン
			      $(modal).fadeIn('slow');
			      // 「.modal-overlay」あるいは「.modal-close」をクリック
			      $('.overlay, .close').off().click(function(){
			          // モーダルをフェードアウト
			          $(modal).fadeOut('slow');
			          // オーバーレイはフェードアウトしてから削除
			          $('.overlay').fadeOut('slow', function(){
			            $('.overlay').remove();
			        });
			      });
			    });
	    	</script>