使用引导模式的输入焦点问题

我正在为Web应用程序使用一个非常简单的模式窗口。出于某种原因，每当我点击模态中的任何输入时，焦点都会设置为它之前的输入。然而，如果我点击标签，焦点就会设置为正确的输入。在这个上面挠我的头。。。

这是标记：

<!--Admin Approve Modal -->
<div id="admin_approve_modal" class="modal hide fade" role="dialog" aria-labelledby="adminApproveModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="adminApproveModalLabel">Approval For Order #<span class="js-orderID"></span></h3>
        </div>
        <form id="admin_approve_form" name="admin_approve_form" method="post" action="admin-form-submit.php?query=adminApprove">
            <div class="modal-body">
                <label for="poNumber" />Factory PO #:
                <input type="text" id="poNumber" name="poNumber" />
                <script>
                    $(function() {
                        $( "#etaDate" ).datepicker();
                    });
                </script>
                <label for="etaDate" />ETA Date:
                <input type="text" id="etaDate" name="etaDate" value="" />
                <label for="comments" />Comments:
                <input type="text" id="comments" name="comments" value="" />
                <div id="admin_validation_error" name="admin_validation_error"></div>
                <!--Hidden inputs-->
                <input type="hidden" id="adminOrderID" name="orderID" value="" />
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                <button type="submit" class="btn btn-primary">Approve</button>
            </div>
        </form>
    </div>
    <!-- end modal -->

据我所知，页面上没有冲突的javascript。有什么想法吗？