jquery link not working
<p>I have the following code to insert multiple products and prices before submitting the main quotation form.</p>

<pre><code>$(document).ready(function(){

    var counter = 2;

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

    if(counter&gt;10){
            alert("Only 10 textboxes allow");
            return false;
    }   

    var newTextBoxDiv = $(document.createElement('div'))
         .attr("id", 'TextBoxDiv' + counter);

    newTextBoxDiv.after().html('&lt;br&gt;' + '&lt;label&gt;Product '+ counter + '  &lt;/label&gt;' +
          '&lt;input type="text" name="product" id="product" value="" &gt;' + 
          '&lt;label&gt;Price '+ counter + '  &lt;/label&gt;' +
          '&lt;input type="text" name="price" id="price"  value="" &gt;'+ '&lt;a href="#" id="save" &gt;Save!&lt;/a&gt;');

    newTextBoxDiv.appendTo("#TextBoxesGroup");

    counter++;
     });

     $("#removeButton").click(function () {
    if(counter==1){
          alert("No more textbox to remove");
          return false;
       }   
    counter--;
        $("#TextBoxDiv" + counter).remove();
     });

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

    var msg = '';
    for(i=1; i&lt;counter; i++){
      msg += "\n Textbox #" + i + " : " + $('#textbox' + i).val();
    }
          alert(msg);
    });

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

        if(!$("#product").val() || !$("#price").val() ){
            apprise("You must define a product and price!");
            }else{
            var product = $("#product").val();
            var price = $("#price").val();
            var postdata = 'product='+product+'&amp;price='+price;

            $.ajax({  
                type: "POST",  
                url: "inserter/add_quotation_product.php",  
                data: postdata, 
                success: function() {  
                    $('#TextBoxesGroup').html("&lt;div id='message'&gt;&lt;/div&gt;");  
                    $('#message').html(product+" Saved!");  
                }  
            });  
            return false;  

        }
</code></pre>

<p>main html code: </p>

<pre><code>&lt;div id='TextBoxesGroup'&gt; 
    &lt;div id="TextBoxDiv1"&gt; 
        &lt;label&gt;Product 1 &lt;/label&gt; 
        &lt;input type=text 
                id="product" 
                name="product" 
                placeholder="product to quote" 
                required/&gt; 
        &lt;label&gt;Price 1&lt;/label&gt; 
        &lt;input id="price" 
                name="price" 
                type=text 
                placeholder="price of product" 
                required&gt; 
            &lt;a href="#" id="save" &gt;Save!&lt;/a&gt; 
    &lt;/div&gt; 
&lt;/div&gt;
</code></pre>

<p>the problem is clicking on the save button that is manually created works well but clicking the save button created by jquery seems be completely inactive!</p>
