CODEWITHSUNDEEP
javascriptjquery
liz
liz

Reputation: 830

Javascript click function not working

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>

Upvotes: 0

Views: 248

Answers (1)

sethupathi.t
sethupathi.t

Reputation: 502

i think you missed jquery plugin,included latest version of jquery library, if not there.

Upvotes: 2

Related Questions