Several "Divs" inside a foreach

Question

I want to put a ranking system with stars like "imdb", but the element only appears once within the cycle.

Script:

<script>
    $(document).ready(function () {
        $(function () {
            $("#rateYo").rateYo({

                onChange: function (rating, rateYoInstance) {

                    $(this).next().text(rating);
                }
            });
        });
    });
</script>

Html:

@foreach (var item in ViewBag.catequizandoSessao)
{
    <tr>
        <td>                          
            <div id="rateYo"></div>
            <div class="counter"></div>
        </td>
    </tr>
}

Answer 1

<script>
    $(document).ready(function () {
        $(function () {
            $(".rak").rateYo({

                onChange: function (rating, rateYoInstance) {

                    $(this).next().text(rating);
                }
            });
        });
    });
</script>

@foreach (var item in ViewBag.catequizandoSessao)
{
    <tr>
        <td>
            <div id="rateYo" class="rak" ></div>
            <div class="counter"></div>
        </td>
    </tr>
}