отображение формы ввода в bootstrap модальные

мне нужно для отображения вводимых пользователем данных из формы в модальное. это режимное будет выступать в качестве окно подтверждения перед отправкой формы. она должна быть такой:

<li>если пользователь заполняет форму.</литий>

<литий>форма утверждена для проверки обязательных полей [<код>entry_check()</код>].</литий>

<li>после проверки, модальное окно открывается и отображения данных, вводимых пользователем для подтверждения.</литий>

<li>после подтверждения отправки формы.</литий>

<сильный>код</сильный>

<form role="form" id="ps_entry" name="ps_entry" method="post" onsubmit="return entry_check()" action="/user/ps/add/">    <table>        <tr>            <td>type</td>            <td>:</td>            <td>                <label>                    <input type="radio" name="type" id="type" value="1" />purchase</label>                <br />                <label>                    <input type="radio" name="type" id="type" value="2" />sale</label>            </td>        </tr>        <tr>            <td>date</td>            <td>:</td>            <td>                <input name="date" id="date" class="input" autocomplete="off" />            </td>        </tr>        <tr>            <td>purchase date</td>            <td>:</td>            <td>                <input name="pdate" id="pdate" class="input" autocomplete="off" />            </td>        </tr>        <tr>            <td>remarks</td>            <td>:</td>            <td>                <textarea name="remarks" id="remarks" class="input" autocomplete="off"></textarea>            </td>        </tr>        <tr>            <td></td>            <td></td>            <td>                <input type="button" name="btn" value="submit" id="submitbtn" data-toggle="modal" data-target="#confirm-submit" class="btn btn-default" />            </td>        </tr>    </table></form></p><div class="modal fade" id="confirm-submit" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true">    <div class="modal-dialog">        <div class="modal-content">            <div class="modal-header">confirm submit</div>            <div class="modal-body">are you sure you want to submit the following details?                <!-- we display the details entered by the user here -->                <table class="table">                    <tr>                        <th>type</th>                        <td id="typ"></td>                    </tr>                    <tr>                        <th>date</th>                        <td id="dat"></td>                    </tr>                    <tr>                        <th>payment date</th>                        <td id="pdat"></td>                    </tr>                    <tr>                        <th>remarks</th>                        <td id="remark"></td>                    </tr>                </table>            </div>            <div class="modal-footer">                <button type="button" class="btn btn-default" data-dismiss="modal">cancel</button> <a href="" id="submit" class="btn btn-success success">submit</a>            </div>        </div>    </div></div>

на <strong>яш</сильный>

$('#submitbtn').click(function () {    /* when the button in the form, display the entered values in the modal */    $('#typ').html($('#type').val());    $('#dat').html($('#date').val());    $('#pdat').html($('#pdate').val());    $('#remark').html($('#remarks').val());});$('#submit').click(function () {    /* when the submit button in the modal is clicked, submit the form */    alert('submitting');    $('#ps_entry').submit();});
http://jsfiddle.net/nvvba/76/

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