如何将数字添加到流星？

Question

我正在使用rateYo jQuery插件，并且希望对我的网站进行星级评定。我试图将数字添加到1 2 3 4 5 6 ....这样的星形中，所以我使用了jquery的每个函数：

$(".jq-ry-rated-group path").each(function(i) {
    $(this).html('<span>' + ++i + '</span>');
});

但数字未显示。

这是rateYo args：

$(".rate").rateYo({
  starWidth: '30px',
  numStars: 10,
  halfStar: true,
  rating: 1.5,
  maxValue: 10,
  spacing: '5px',
  starSvg: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 2c1.654 0 3 1.346 3 3v14c0 1.654-1.346 3-3 3h-14c-1.654 0-3-1.346-3-3v-14c0-1.654 1.346-3 3-3h14zm0-2h-14c-2.762 0-5 2.239-5 5v14c0 2.761 2.238 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5z"/></svg>'
}).on("rateyo.change", function(e, data) {

  var rating = data.rating;
  $('.rated').text(rating);
});

这是JSFiddle

我正在努力做到这一点： Example image