Sort Table jQuery

by aybalasubramanian

HTML

<script src="https://rawgit.com/padolsey/jQuery-Plugins/master/sortElements/jquery.sortElements.js"></script>
<table>
    <tr>
        <th class="sortable">Facility name</th>
        <th class="sortable" >Phone #</th>
        <th class="sortable">City</th>
        <th class="sortable">Speciality</th>
    </tr>
    <tr>
        <td>CCC</td>
        <td>00001111</td>
        <td>Amsterdam</td>
        <td>GGG</td>
    </tr>
    <tr>
        <td>JJJ</td>
        <td>55544444</td>
        <td>London</td>
        <td>MMM</td>
    </tr>
    <tr>
        <td>AAA</td>
        <td>33332222</td>
        <td>Paris</td>
        <td>RRR</td>
    </tr>
    <tr>
        <td>KKK</td>
        <td>77772222</td>
        <td>Bucharest</td>
        <td>PPP</td>
    </tr>
</table>

JavaScript

var table = $('table');
$('.sortable')
        .wrapInner('<span title="sort this column"/>')
        .each(function(){
            var th = $(this),
                thIndex = th.index(),
                inverse = false;
            th.click(function(){
                table.find('td').filter(function(){
                    return $(this).index() === thIndex;
                }).sortElements(function(a, b){
                    return $.text([a]) > $.text([b]) ?
                        inverse ? -1 : 1
                        : inverse ? 1 : -1;
                }, function(){
                    return this.parentNode; 
                });
                inverse = !inverse;    
            });    
        });