Javascript click function not working

Question

I'm trying to write a simple javascript function that will clone some html input fields when the user clicks a button, but for some reason the button's click function isn't being called when I click it. Any ideas why?

Here's the javascript:

<SCRIPT LANGUAGE="JavaScript">
$(document).ready(
    function(){

        $("#default-label").hide();
        $("#default-element").hide();

        var counter = parseInt($("#counter").val());

        $("#addProduct").click(
            function(){

                var product = $('#fieldset-default');
                var newProduct = product.clone(true);
                newProduct.insertAfter(product);
                    document.getElementById("addProduct").innerHTML = 'Add More';
                    $("#counter").val(++counter);
            }
         );
    }
);
</script>

My HTML for the button:

<button id="addProduct" type="button" name="add">Add Product</button>

Answer 1

我认为你错过了jquery插件，包括最新版本的jquery库，如果不存在的话。