Clone div and increment number in the name attribute

Clone div and increment number in the name attribute

HTML

<div class="container">
<input id="truc" type="radio" name="1_radio" class="some_vechicle" value="cars" /> Cars
<input type="radio" name="1_radio" class="some_vechicle" value="bikes" /> Bikes
<br />
<br />
<input type="text" name="2_text" class="some_name" value="" /> Model Name
<br />
<br />
<input type="text" name="3_text" class="some_year" value="" /> Year
<br />
<br />
<textarea name="4_area" rows="3" cols="10"  class="myArea" value=""></textarea>
<br />
<br />
<input type="radio" name="5_radio" class="some_color" value="cars" /> Blue
<input type="radio" name="5_radio" class="some_color" value="bikes" /> Red
<br />
<br />
<input type="text" name="6_text" class="some_manufacturer" value="" /> Manufacturer
<br />
<br />
<input type="button" class="btnAdd" value="Add" />
</div>

CSS

div {margin-bottom:10px;}

JavaScript

$(document).ready(function() {
    
        $('.container:first').clone().find('[name]').attr('name', function(i, cur) {console.log("cur "+cur)});
});