javascript - javascriptを介してテキストボックスに値を渡す方法

Question

ブートストラップ フレームワークを使用してモーダル ダイアログを呼び出しています。クリックした行に応じて、mysql テーブルから一意の値を渡そうとしています。

ダイアログに値を渡すところまでコードが動作していますが、テキスト ボックスに表示できません。h3は今のところヘッダーに表示します。

Heres は、作業コードへのリンクです。 http://jsfiddle.net/ZEpLV/14/

私のコードは次のようになります。

<div id="com" class="modal hide fade in" style="display: none; ">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
            <h4>Server ID:<h3>PLace for your id</h3>

    <div class="modal-body">
        <h4>Text in a modal</h4>
        <input value="" type="text" name="id" Value="">
        <p>You can add some text here.</p>              
    </div>

    <div class="modal-footer">
        <a href="#" class="btn btn-success">Call to action</a>
        <a href="#" class="btn" data-dismiss="modal">Close</a>
    </div>
    <script>

    $(".modal-toggler").click(function(){
    var _id = $(this).attr("id");
    $("#com h3").text(_id);
    $("#com").show();
    return false;
});
</script>