javascript - javascript がオンロードで動作しない

Question

ページ上の JavaScript は、ページの読み込み時に機能する必要があります。そこで、ドキュメントレディ機能をコードに追加してみました。うまくいかないようです。

http://janeucreative.com/daddychallenge/bag.html

<script>$(document).ready(function() {


  function addItem(item) {
        var itemInCart = item.cloneNode(true);
        itemInCart.onclick = function() { removeItem(this); };

        var cart = document.getElementById("cart");
        cart.appendChild(itemInCart);
    }

    function removeItem(item) {
        var itemInItems = item.cloneNode(true);
        itemInItems.onclick = function() { addItem(this); };

        var cart = document.getElementById("cart");
        cart.removeChild(item);
    }
  init();
});</script>

どんなアドバイスでも大歓迎です！私はJavaScriptに非常に慣れていないので、一度に1つずつ学習しようとしています。