Передача параметров в модальное окно. Bootstrap
Есть таблица юзеров, пытаюсь сделать форму изменения пользовательских данных при помощи модального окна. Таблица сделана вот таким образом -
<tr th:each="user : ${users}">
<td th:utext="${user.id}"></td>
<td th:utext="${user.name}"></td>
<td th:utext="${user.email}"></td>
<td th:utext="${user.password}"></td>
<td th:utext="${user.getRolesName()}"></td>
<td><button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" data-user-id="${userId}"
data-name=${user.name} data-email="${user.email}" data-password="$user.password">
Edit </i></button></td>
Скрипт, которым пытаюсь считывать данные в модалку -
$("#myModal").on('show.bs.modal', function(e) {
$('#userId').val($(e.relatedTarget).data('user-id'));
$('#name').val($(e.relatedTarget).data('name'));
$('#password').val($(e.relatedTarget).data('password'));
$('#email').val($(e.relatedTarget).data('email'));
});
В результате в форму передается текст "${userId}", а не соответствующие данные.
Догадываюсь, что я где-то в синтаксисе ошибаюсь, но не могу понять, что делаю не так.
Заранее благодарю за внимание.