hi

i have this code

Code: [Select]

Code:
<script type="text/javascript">
$(document).ready(function() {
	for ($i=0; $i<4; $i++) {
        var num = $('.clonedInput').length;
        
        var newNum = new Number(num + 1);
        
        var newElem = $('#input' + num).clone(true).prop('id', 'input' + newNum);
        var newElem1 = $('#valores' + num).clone(true).prop('id', 'valores' + newNum);
        

        $('#input' + num).after(newElem);
        $('#valores' + num).insertAfter(newElem1);

    }

    });
</script>

<div id="input1" class="clonedInput">
	<ol id="valores1">
		<li>lowest</li>
		<li>highest</li>
	</ol>
<input readonly id="sliderProgInput" size="20"  name="myformdata[valor][]"/>
</div>
the input id is changed correctly, but valores no. Why ?? Valores is always id="valores1", and must be id="valores1", id="valores2", and so on.

demo
http://jsfiddle.net/Gpugn/