Thymeleaf сортировка div по price

Добрый день.

Возможен ли простой код для сортировки вот такой страницы по цене?:

 <table border="0" width="95%" style="margin:0 auto;" >
        <tr >
            <td class="main" valign="top" >
                <div th:each="curtain : ${allCurtain}">
                    <div class="color" th:classappend="${curtain.color} +' '+ ${curtain.paint}+ ' '
                    +${curtain.price}+' '+${curtain.structure}+' '+${curtain.height}">  
                        <div class="pageSelected">
                            <a href="#" style="text-decoration: none" > 
                                <img  th:attr="src=${curtain.photo}"  width="206" height="286"/>
                                <div align="center">
                                    <b>   <span th:text="${curtain.name}">Name</span></b>
                                    <br/>
                                    <b> <span class="priceSSS" th:text="${curtain.price}"/><span> $.</span>  </b>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </td>
            <td class="searchPlane">
                Фильтр:<p/>
                <div class="searchColor" id="filterPrice">
                    <div class="searchTextColor"> Цена до:</div>
                        <input class="priceSelected"  type="checkbox" id="price04" value="4"/>
                        <span style="font-size: smaller">От меньшей к большей</span>
                        <br/>
                        <input class="priceSelected"  type="checkbox" id="price05" value="5"/>
                        <span style="font-size: small">От большей к меньшей</span>
                    </div>

Из БД страница выпадает сортированной по имени, конечно можно отсортировать по цене из БД, но не хотелось бы. Вот часть из моего фильтра:

   var arrayPrice = [];
    var arrayMax = []
    $("div[class='searchColor'] input").change(function () {
        arrayMax = $("[class^=priceSSS]");
        for (i=0; i<arrayMax.length; i++){
            arrayPrice[i] =arrayMax[i].innerHTML;
        }

В arrayPrice забиты все значения по прайсу и с помощью сортировки я его могу отсортировать:

   if($("#filterPrice input:checked").length > 0) {
                var arr = [];
                $("#filterPrice input:checked").each(function () {
                    var s = $(this).attr('value'); 
                     if (s =="4"){
                        arr = arrayPrice.sort(function(a,b){
                            return a - b;
                        });
                        console.log(arr);
                    }
                });

Все "сортирнуло", но как заставить div(ы) поменяться не могу понять. Цена приходит в формате Double