Is it possiible binding and sorting gridview using jquery? Can anybody help

i have tried binding in juery it was successful,but not sorting  for binding and i used web service for sorting i have used plugging in js file tablesort.js

<pre> <script language="javascript" type="text/javascript">

        window.onload = function() {
            fnLoading_Start();
            var jsonData = {};
            jsonData.TRANSTYPE = "II"
            var weburl = "../../UI/ws/ws_Accounts.asmx/ACC_INV_PRINT_AUTHORISATION";
            JSON.stringify(jsonData);
            $.ajax({
                type: "POST",
                url: weburl,
                data: JSON.stringify(jsonData),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: OnSuccess,
                failure: function(response) {
                    alert("Failure : " + response.d);
                },
                error: function(response) {
                    alert("Error : " + response.d);
                }
            });
            return false;
        }


        function OnSuccess(response) {
            //  alert(response.d);
            var xmldoc = $.parseXML(response.d);
            var xml = $(xmldoc);
            var InvAuth = xml.find("Table");


            //create a new row from the last row of gridview
            var row = $("[id*=dgInvoice] tr:last-child").clone(true);
            //remove the lst row created by binding the dummy row from code behind on page load
            $("[id*=dgInvoice] tr").not($("[id*=dgInvoice] tr:first-child")).remove();
            //Look for the Hidden Field and fetch the CustomerId.
            $.each(InvAuth, function() {
                var InvAuth = $(this);
                $("td", row).eq(1).html($(this).find("TRNS_TYPE").text());
                $("td", row).eq(2).html($(this).find("INV_CRTNO").text());
                $("td", row).eq(3).html($(this).find("INV_CRTDT").text());
                $("td", row).eq(4).html($(this).find("CREATEDBY").text());
                $("td", row).eq(5).html($(this).find("INV_CRT_DAT").text());
                $("td", row).eq(6).html($(this).find("CLIENTNAME").text());
                $("td", row).eq(7).html($(this).find("TOTAL_AMT").text());
                $("[id*=dgInvoice]").append(row);
                row = $("[id*=dgInvoice] tr:last-child").clone(true);
            });
             
            fnLoading_Stop();
        }
$(document).ready(function() {
        $("#dgInvoice").tablesorter();
        });
 </script>