Как автоматически привязать в статье уникальный id к каждому из подзаголовков?

<script>
$('#dle-content h2').each(function(eq, el) {
    el = $(el);
    if(typeof(el.attr('id')) === "undefined") {
        el.attr('id', 'heading-' + (eq + 1));
    }
});
</script>

<h2 id="heading">Заголовок 1</h2>
Текст
<h2 id="heading2">Заголовок 2</h2>
Текст
<h2 id="heading3">Заголовок 3</h2>

<span id="heading"></span><h2>Заголовок 1</h2>
Текст
<span id="heading2"></span><h2>Заголовок 2</h2>
Текст
<span id="heading3"></span><h2>Заголовок 3</h2>

<span id="1"></span><h2>Заголовок 1</h2>
Текст
<span id="2"></span><h2>Заголовок 2</h2>
Текст
<span id="3"></span><h2>Заголовок 3</h2>