The javascript on the page needs to work onpage load. So I tried adding the document ready function into the code. It doesn't seem to work.

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>

Any advice would be much appreciated! I'm very new to javascript and just trying to learn it a step at a time.