Javascript click function not working
<p>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?</p>

<p>Here's the javascript:</p>

<pre><code>&lt;SCRIPT LANGUAGE="JavaScript"&gt;
$(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);
            }
         );
    }
);
&lt;/script&gt;
</code></pre>

<p>My HTML for the button:</p>

<pre><code>&lt;button id="addProduct" type="button" name="add"&gt;Add Product&lt;/button&gt;
</code></pre>
