Как добавить строки в середине таблицы с jQuery?

У меня есть таблица, которая имеет клиентские имена наряду с продуктами, которые они купили с их ценами. Таким образом, существует несколько записей для каждого клиента. Эта таблица является простой таблицей на 3 столбца: имя, продукт и цена.

То, что я хочу сделать:

Поместите все записи, принадлежащие одному клиенту вместе (я сделал это), и сразу после того, как эти строки добавляют одну новую дополнительную строку, которая просто показала бы общую стоимость всех продуктов, которые купил каждый клиент. Эта строка имела бы пустую ячейку в столбце продукта и имени. И имел бы общее количество в ценовом столбце.

Править

Это - просто простая простая таблица без любого класса или идентификаторов. клиент мудрая сгруппированная Таблица сгенерирован php. Таким образом, у меня есть таблица как это

<table>
    <tr>
        <td> name1 </td>
        <td> product1 </td>
        <td> 100 </td>
    </tr>
    <tr>
        <td> name1 </td>
        <td> product2 </td>
        <td> 200 </td>
    </tr>
    <tr>
        <td> name2 </td>
        <td> product3 </td>
        <td> 50 </td>
    </tr>
    <tr>
        <td> name2 </td>
        <td> product1 </td>
        <td> 100 </td>
    </tr>
</table> 

И я хочу преобразовать это в:

<table>
    <tr>
        <td> name1 </td>
        <td> product1 </td>
        <td> 100 </td>
    </tr>
    <tr>
        <td> name1 </td>
        <td> product2 </td>
        <td> 200 </td>
    </tr>
    <!-- New row -->
    <tr>
        <td>  </td>
        <td>  </td>
        <td> 300 </td>
    </tr>
    <tr>
        <td> name2 </td>
        <td> product3 </td>
        <td> 50 </td>
    </tr>
    <tr>
        <td> name2 </td>
        <td> product1 </td>
        <td> 100 </td>
    </tr>
    <!-- New row -->
    <tr>
        <td>  </td>
        <td>  </td>
        <td> 150 </td>
    </tr>
</table>