在MVC3中将变量传递给bootstrap模式

Question

部分视图中的代码：

//modal
<div id="chartModal" class="modal hide fade">
    <div class="modal-body">
        <center><p> Test </p>

        <input type="text" name="bookId" id="bookId" value=""/>

        <button class="btn" data-dismiss="modal" aria-hidden="true"> Cancel</button>
        </center>  
    </div>
</div>

//link
<a data-toggle="modal" data-id="ISBN-001122" title="Add this item" 
    class="open-AddBookDialog btn btn-primary" href="#chartModal">test</a>

//JS
<script type="text/javascript">
    $(document).on("click", ".open-AddBookDialog", function () {
        var myBookId = $(this).data('id');
        $(".modal-body #bookId").val(myBookId);
        //$('#chartModal').modal('show');
    });
</script>

我的问题是我正在尝试将字符串传递给模态（最终这将是包含变量@ ViewBag.somestring的动态数据）。使用字符串也不起作用 - 单击时出现模态，但文本框不包含以下ID：“ISBN-001122”。我使用的是jquery-1.7.1和Bootstrap v2.3.2。