jquery - 要素を独自の div の最後に追加する

Question

pcreIDが である単一のdivにクラスを持つ10個のdivがあります。jQueryhugeでdiv(id=huge)の最後にdiv(class=pcreを持つ)を移動するにはどうすればよいですか?mouseclick

私が試してみました

<div id="huge">
   <div class="pcre">a</div>
    <div class="pcre">b</div>
    <div class="pcre">c</div>
    <div class="pcre">d</div>
    <div class="pcre">e</div>
    <div class="pcre">f</div>
    <div class="pcre">g</div>
    <div class="pcre">h</div>
    <div class="pcre">i</div>
    <div class="pcre">j</div>
    </div>
<script>
  $(".pcre").click(function() {
       $(this).appendTo("#huge");$(this).remove(); 
  });
</script>

しかし、うまくいきません。