<script>

        var context = {
            "form_index": 1
        };

        // Append first form after load page
        insertDogForm(context);

        // Append form after button click
        $('#addNewDog').click(function () {
            insertDogForm(context);
        });

        /**
         * Add new dog form
         *
         * @param object context
         */
        function insertDogForm(context) {
            var source = $("#dogsToGroupHbs").html();
            var template = Handlebars.compile(source);
            var compiledHtml = template(context);

            $('#dogToGroupPlaceholder').append(compiledHtml);

            context.form_index++;
        }

    </script>