Как я могу отсортировать столбец таблицы, нажав на thead с помощью jQuery?

Question

У меня есть эта часть кода в моем PHP-файле, которая извлекает данные из моей базы данных и создает таблицу со всеми моими регистрами

<table class="scroll" id="cpersons">
    <thead>
        <tr>
            <th>id</th>
            <th>First name</th>
            <th>Last name</th>
            <th>Address</th>
            <th>Mobile</th>
            <th>Email</th>
        </tr>
    </thead>
    <tbody>
        <?php while($row = mysqli_fetch_array($result1)):;?>
            <tr>
                <td><?php echo $row[0];?></td>
                <td><?php echo $row[1];?></td>
                <td><?php echo $row[2];?></td>
                <td><?php echo $row[3];?></td>
                <td><?php echo $row[4];?></td>
                <td><?php echo $row[5];?></td>
            </tr>
        <?php endwhile;?>
    </tbody>
</table>

Я пробовал много разных способов сделать это с помощью jQuery, но ничего не помогаломне.

Как можно отсортировать таблицу, щелкнув по любому элементу <thead> (id, Имя, ...) в порядке возрастания и убывания текущего столбца с помощью jQuery?

Я думал код, подобный этому

$(document).ready(function(){
    $("#cpersons thead tr th").click(function () {
        ownerIndex = $(this).index() + 1;
        $("#cpersons tbody tr td:nth-child("+ownerIndex+")").whatHereToSortMyTable(?);
    });
});

Чем я могу заменить whatHereToSortMyTable(?) в этом коде для правильной сортировки, как я описал?