Подсветить min и max значение в таблице

Здравствуйте.

Помогите, пожалуйста, с кодом js.
Необходимо в каждой строке подсветить одним цветом минимальную цифру и другим цветом максимальную.

Заранее благодарен.

HTML:

        <table>
            <tr>
                <td>11</td>
                <td>22</td>
                <td>65</td>
                <td>14</td>
                <td>35</td>
            </tr>
            <tr>
                <td>39</td>
                <td>12</td>
                <td>84</td>
                <td>45</td>
                <td>38</td>
            </tr>
            <tr>
                <td>37</td>
                <td>39</td>
                <td>52</td>
                <td>38</td>
                <td>24</td>
            </tr>
        </table>

 

Вариант на jQuery
( талице даём id="tableid")

Код:

<script>
$('#tableid tr').each(function(index, element) {
    var tds = $(element).find( "td" );
    var max = +$(tds).eq(0)[0].innerText ;
    var min = max ;
    var max_index;
    var min_index;
    $(tds).each(function(ind, el) {
        var val = +$(el).text();
        if ( val >= max ) {
            max = val;
            max_index = ind;
        }
        if ( val <= min ) {
            min = val;
            min_index = ind;
        }
    })
    $(tds).eq(max_index).css("color", "red");
    $(tds).eq(min_index).css("color", "blue");
});
</script>