передаче данных в bootstrap модальные

http://twitter.github.com/bootstrap/javascript.html#modals

у меня есть несколько гиперссылок, которые имеют идентификатор прилагается. когда я нажимаю на эту ссылку, я хочу открыть модальное ( ), и передать этот идентификатор модала. я искал в google, но я не мог найти ничего, что могло бы мне помочь.

это код:

<a data-toggle="modal" data-id="@book.id" title="add this item" class="open-addbookdialog"></a>

которая должна открыться:

<div class="modal hide" id="addbookdialog">    <div class="modal-body">        <input type="hidden" name="bookid" id="bookid" value=""/>    </div></div>

с этот кусок кода:

$(document).ready(function () {    $(".open-addbookdialog").click(function () {        $('#bookid').val($(this).data('id'));        $('#addbookdialog').modal('show');    });});
<a href="#addbookdialog" ...>

однако, когда я нажимаю на ссылку, ничего не происходит. когда я даю ссылку , модальное открывается просто отлично, но он не содержит каких-либо данных.

how to pass values arguments to modal.show() function in bootstrap

я последовал этому примеру:

how to set the input value in a modal dialogue?

(и я также попытался это: )