clone() not working (for me)
<p>User enters pairs of values. I need to replicate the last set and renumber their ids. The function below runs, but the new div doesn't appear. I'm off in the weeds somewhere... thanks for help!</p>

<pre><code>    $('#addparm').click(function (event) {
        event.preventDefault();
        var maxSeq = $('#maxseq').attr("seq");
        var lastDiv = $('#pct[' + maxSeq + ']').parent();
        $('#maxseq').attr("seq", ++maxSeq);
        var newDiv = $(lastDiv).clone(true);
        $(lastDiv).after(newDiv);
        $(newDiv).fadeIn('slow');
    });
</code></pre>

<p>here's the HTML:</p>

<pre><code>    ... 
    &lt;div id="bkp[8]"&gt;
        &lt;input seq="8" id="pct[8]" name="pct" type="text" value="0.28" /&gt;
        &lt;input seq="8" id="amt[8]" name="amt" type="text" value="43.2" /&gt;
        &lt;input seq="8" id="use[8]" name="use" type="hidden" value="yes" /&gt;
    &lt;/div&gt; 

    &lt;div id="bkp[9]"&gt;
        &lt;input seq="9" id="pct[9]" name="pct" type="text" value="0.31" /&gt;
        &lt;input seq="9" id="amt[9]" name="amt" type="text" value="41.4" /&gt;
        &lt;input seq="9" id="use[9]" name="use" type="hidden" value="yes" /&gt;
    &lt;/div&gt; 
&lt;input type="hidden" id="maxseq" seq="9" /&gt;
&lt;a id="addparm" href="javascript:void(0)"&gt;Add&lt;/a&gt;
</code></pre>
