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>

<SCRIPT LANGUAGE="JavaScript">? What is this, 1999? It should be <script type="text/javascript"> or in HTML5, just <script>. — gen_Eric
– gen_Eric, Commented Dec 29, 2011 at 19:05
Forgot to include jquery. My brain must still be on christmas vacation. thanks. — liz
– liz, Commented Dec 29, 2011 at 19:08
It works fine: jsfiddle.net/LLRcP Your problem is elsewhere. — Alex Wayne
– Alex Wayne, Commented Dec 29, 2011 at 19:08

sethupathi.t · Accepted Answer · 2011-12-29 19:13:34Z

2

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

answered Dec 29, 2011 at 19:13

sethupathi.t

5022 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Javascript click function not working

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related