我想用<h2>替换所有的<h1>标签，但保留第一个。
以下是我所拥有标记示例：

<h1 class="section-title"></h1>

<h1 class="section-title"></h1>

<h1 class="section-title"></h1>

<h1 class="section-title"></h1>

<h1 class="section-title"></h1>

在这里，我想保持第一个<h1>标签相同，但替换所有其他<h1>标签与<h2>标签。
这就是我所尝试的：

$(document).ready(function () {
         $('.section-title h1').each(function (i, el) {
           var c = $(el).attr("class");
           $(el).replaceWith('<h2 class="'+ c +'">' + $(el).html() +'</h2>')
         });
       });

但我想保持第一个标签的原样，并替换所有的标签。