I have a template that looks like this:

```
<a href="#someHref" class="className" data-toggle="modal">
<div id="someHref" class="modal fade"></div>

<a href="#someHref" class="className" data-toggle="modal">
<div id="someHref" class="modal fade"></div>

<a href="#someHref" class="className" data-toggle="modal">
<div id="someHref" class="modal fade"></div>

<a href="#someHref" class="className" data-toggle="modal">
<div id="someHref" class="modal fade"></div>

```

I want to take each ID and href element and concatenate a number so they can be unique.

Like this:

```
<a href="#someHref0" class="className" data-toggle="modal">
<div id="someHref0" class="modal fade"></div>

<a href="#someHref1" class="className" data-toggle="modal">
<div id="someHref1" class="modal fade"></div>

<a href="#someHref2" class="className" data-toggle="modal">
<div id="someHref2" class="modal fade"></div>

<a href="#someHref3" class="className" data-toggle="modal">
<div id="someHref3" class="modal fade"></div>

```