JQuery не работает в моем HTML-документе

Привет, у меня есть JQuery в моем html-документе, но, похоже, он не работает. Я знаю, что код верен, так как он отлично работает в JSfiddle. Может ли кто-нибудь увидеть, где я ошибаюсь?

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <meta charset="utf8">

    <script type="text/javascript">

$(function () {
    var addDiv = $('#addinput');
    var i = $('#addinput p').size() + 1;

    $('#addNew').on('click', function () {
        $('<p><input type="text" class="p_new" size="40" name="utensil_descrip' + i + '" value="" placeholder="Utensil Description" /><a href="#" class="remNew">Remove</a> </p>').appendTo(addDiv);
        i++;
        return false;
    });
    $(document).on('click','.remNew', function () {
        if (i > 2) {
            $(this).parents('p').remove();
            i--;
        }
        return false;
    });
});

    </script>

  </head>