отправить параметр модальному, а затем удалить строку

После 2 дней исследований я решил обратиться за помощью, потому что я не могу двигаться дальше.

Я отображаю таблицу пользователей на своем сайте. Каждая строка содержит данные пользователя и кнопку удаления пользователя.

Если вы нажмете кнопку «Удалить», появится модальное окно с вопросом, хотите ли вы удалить этого определенного пользователя. Вот почему я должен отправить параметр, который является именем пользователя.

Это модальное окно подтверждения с легендой: Вы уверены, что хотите удалить //имя пользователя//?

Дело в том, что я знаю, как отправить параметр, но не могу интегрировать его с функцией удаления jquery. Также у меня нет четкого представления о том, как удалить строку, так как я действительно новичок в js и jquery.

Пока это то, что у меня есть (обратите внимание, что я использую механизм шаблонов Smarty):

<tbody>
    {foreach $frontusers as $frontuser}
    <tr>
    {if $frontuser->frontavatar_id eq null}
       <td><img src="{site_url()}assets/img/avatar.png" alt="" /></td>
       {else}
       <td><img src="{site_url()}assets/img/avatar1.jpg" alt="" /></td>
    {/if}
    <td class="hidden-phone">{$frontuser->username}</td>
    <td>{$frontuser->name}</td>
    <td>{$frontuser->lastname}</td>
    <td class="hidden-phone">{$frontuser->email}</td>
    <td class="hidden-phone">{$frontuser->state}</td>
    <td class="hidden-phone">{$frontuser->creation_date|date_format:"%Y/%m/%d"}</td>

    {if $frontuser->status eq 2}
       <td ><span class="label label-success">Activo</span></td>
    {else}
       <td ><span class="label label-warning">No Activo</span></td>
    {/if}

    <td><a class="btn mini blue-stripe" href="{site_url()}admin/editFront/{$frontuser->id}">Modificar</a></td>

    <td><a href="#" data-id="{$frontuser->id}" class="btn mini red-stripe confirm-delete" role="button">Delete</a></td>
    </tr>

    <!-- modal -->
    <div id="myModal3" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true">
    <div class="modal-header">
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
       <h3 id="myModalLabel3">Delete</h3>
    </div>
    <div class="modal-body">
       <p>Are you sure you want to delete user ....?</p>
    </div>
    <div class="modal-footer">
       <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
       <button data-dismiss="modal" class="btn red" id="btnYes">Confirm</button>
    </div>
    </div>
    <!-- end modal -->

    {foreachelse}
<tr>
       <td colspan="2"><span class="text-error"><i class="icon-exclamation"></i> No hay Usuarios cargados.</span></td>
     </tr>
    {/foreach}
</tbody>

это мой файл js (я получил его по этой ссылке)

$('#myModal3').on('show', function() {
var id = $(this).data('id'),
    removeBtn = $(this).find('.red');
})

$('.confirm-delete').on('click', function(e) {
e.preventDefault();

var id = $(this).data('id');
$('#myModal3').data('id', id).modal('show');
  });

$('#btnYes').click(function() {
// handle deletion here
var id = $('#myModal3').data('id');
$('[data-id='+id+']').remove();
$('#myModal3').modal('hide');
   });

Итак, подводя итог, мне нужно адаптировать свой код, чтобы сделать следующее:

1. Отправьте имя пользователя в качестве параметра модальному
2. Удалить всю строку, если нажата кнопка подтверждения

ОБНОВЛЕНИЕ:

Модальное окно работает, то есть открывается и закрывается. Кнопка подтверждения модала удаляет только «кнопку удаления» из строки, а не всю строку.