JQuery - clone element and change attributes for multiple attributes
<p>I have several elements like this:</p>

<pre><code>  &lt;div class="image_insert clearfix"&gt;
    &lt;label for="userfile3"&gt;Image 3&lt;/label&gt;
    &lt;input type="file" name="userfile3" id="userfile3"&gt;
    &lt;label for="slika_naziv_eng3"&gt;Image Title&lt;/label&gt;
    &lt;input type="text" name="slika_naziv_eng3" id="slika_naziv_eng3"/&gt;
  &lt;/div&gt;
</code></pre>

<p>And JS for cloning:</p>

<pre><code>var img_add = $('.img_add');

img_add.on('click', function(){
  var img_ins = $('.image_insert'),
  i = img_ins.length,
  clon = img_ins.first().clone().attr({'class' : 'image_insert clearfix', 'name' : 'userfile' + i}).insertAfter(img_ins.last());
});
</code></pre>

<p>I need to change all attributes where there is a number. Every time new element is added, it needs to count number of elements and the new number will be number of elements + 1. How can I do this?</p>
