Я пытаюсь отобразить числа в определенной таблице с порядковыми суффиксами. Таблица всегда показывает три числа, которые взяты из файла XML. Числа показывают ранги, поэтому, например, они могут быть 6-м, 120-м, 131-м. Вывод - это таблица, которая будет выглядеть так:

<table>
    <tr>
        <td class='ordinal'>6</td>
        <td class='ordinal'>120</td>
        <td class='ordinal'>131</td>
    </tr>
</table>

В идеале я хотел бы использовать javascript, и я нашел несколько очень хороших решений, например, над stackoverflowэтот, Тем не менее, я изо всех сил пытаюсь применить функцию ко всем числам в таблице, а не вводить каждый номер по отдельности. Я попытался использовать класс CSS, чтобы моя функция выглядела так:

<script type="text/javascript">
$(function(){
    $(".ordinal").each(function(){
        var j = i % 10;
        if (j == 1 && i != 11) {
            return i + "st";
        }
        if (j == 2 && i != 12) {
            return i + "nd";
        }
        if (j == 3 && i != 13) {
            return i + "rd";
        }
        return i + "th";
        });
})
</script>

но это не работает, вероятно, потому что я где-то облажался код. Может быть, кто-то здесь может помочь мне и сказать, где я ошибся?

Спасибо большое за помощь!