jquery - 値が増加する属性を追加します

Question

私はこのhtmlを持っています:

<article id="2332">content...</article>
<article id="0565">content...</article>
<article id="5686">content...</article>

数字が増える属性「scroll-index」を追加したいと思います。その結果、

    <article id="2332" data-scroll-index="0">content...</article>
    <article id="0565" data-scroll-index="1">content...</article>
    <article id="5686" data-scroll-index="2">content...</article>

私はjqueryコードでこれを試しています:

var scrollindex = 0;
$('article').each(function() {
    $(this).attr('data-scroll-index', scrollindex);
    scrollindex++;
});

でも成果なし。何か提案はありますか？