Реализуйте объект RateYo во всплывающем окне маркера листовки

Question

У меня есть маркеры на листовой карте с конкретными рейтингами, и вместо простых значений, представляющих рейтинг, таких как Rating: 3.6/5, я хотел бы иметь объект RateYo.

Мне удалось реализовать объект RateYo на моей странице, но я не понимаю, как можно реализовать это внутри маркера, не нарушая карту.

Это объект RateYo, который отлично работает

<div id="rateyotest">
    <script>
        $(function () {
            $("#rateyotest").rateYo({
                rating: 3.6,
                readOnly: true
            });
        });
    </script>
</div>

И вот как определяется всплывающее окно маркера

marker.bindPopup(title + '<br/>'+'Ranking:  '+a[3]+'/5'+'<br/>'+'Qualité de vie:  '+a[4]+'/5'+'<br/>'+'<a href=/exchange/universite/'+a[5]+'><p style="text-align:center;margin:0;padding:0;">Cliquez ici</p></a>');

Как видите, всплывающее окно маркера отлично определено, а RateYo тоже. Я попытался добавить элемент div непосредственно в метод bindPopup, но это нарушает карту. Мне также не удалось добавить текст перед объектом RateYo.

EDIT

Я забыл важную информацию, я хотел бы добавить звездный рейтинг RateYo вместо Ranking: +a[3]+'/5', сохранив текстовую часть тега.