如何将数据属性添加到最近的类？

Question

HTML：

  <div class="row code-container">
        <div class="col-md-6">
            <div class="run-bar">
                <button class="run-btn btn btn-success glyphicon glyphicon-play">Run</button>
            </div>
            <form>
                <textarea class="HTMLcodeMirror">
                 </textarea>
             </form>                
        </div>
    </div>
    <div class="row code-container">
        <div class="col-md-6">
            <div class="run-bar">
                <button class="run-btn btn btn-success glyphicon glyphicon-play">Run</button>
            </div>
            <form>
                <textarea class="HTMLcodeMirror">
                 </textarea>
             </form>                
        </div>
    </div>

我想在基于HTMLcodeMirror的每个run-btn类中添加索引属性。例如，第一个run-btn中最接近的HTMLcodeMirror将属于data-index =0。我正在尝试如下：

$(".HTMLcodeMirror").each(function(index){

      $(this).closest('.code-container').find('.run-btn').data('index',index);

 });

但是它没有按预期工作。有想法吗？