Сортировка HTML-таблицы на основе поля ввода

Question

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

Вот мой код:

<div class=buyer_list>
    <div class='ui-grid grid-buyer_list'>
        <div class="buyer_opt" >
            <span>Search By:</span>
            <?php echo '
            <input type="text" method="POST" id="searchdata" name="searchdata">
            <button name="submit" type="submit" id="submit" name="buyer_btnsearch" type="text" onclick="return search_onlookup()" style="display: inline;"> Search</button>'; ?>
        </div>
        <div class=buyer_list>
            <div class='ui-grid grid-buyer_list'>
                <div class='ui-rowheader'></div>
                <div class="ui-rowlist">
                <?php while($rs1=mysql_fetch_array($result1)):?>
                    <div class="ui-rowdata" onclick="clckrow(this);"> 
                        <div class='ui-coldata col D buyercode'><?php echo $rs1['buyercode'];?></div>
                        <div class='ui-coldata col D unitcode'><?php echo $rs1['unitcode'];?></div>
                        <div class='ui-coldata col D buyername'><?php echo $rs1['buyername'];?></div>
                        <div class='ui-coldata col D tcp'><?php echo $rs1['TCP'];?></div>
                        <div class='ui-coldata col D tcppaid'><?php echo $rs1['TCPPaid'];?></div>
                        <div class='ui-coldata col D tcpperc'><?php echo $rs1['TCPpercPaid'];?></div>
                        <div class='ui-coldata col D bal'><?php echo $rs1['balance'];?></div>
                        <div class='ui-coldata col D print'>NO</div>
                    </div>
                <?php endwhile;?>  
            </div>
        </div>
    </div>