为什么html表单在使用jquery命令输入后提交了一个文本框，但如果有两个则不提交？

Question

两种表格都没有提交按钮。 表格A有两个文本框，表格B只有一个。我的问题是：＆＃34;为什么在表格B进入时输入表格A不提交？＆＃34;。 我不想实际提交表格。

表格A

<button type="button" id="login-btn">LOG IN</button>
<button type="button" id="logout-btn">LOG OUT</button>

<div id="div_login_dialog" style="display: none;">
    <form id="form_login_dialog">
        <table>
            <tr>
                <td>
                    <p><label>How many Picklists?</label></p>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="text" id="login-picklist">
                </td>
            </tr>
            <tr>
                <td>
                    <p><label>How many Items?</label></p>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="text" id="login-item">
                </td>
            </tr>
        </table>
    </form>
</div>

表格B

<div id="div_logout_dialog" style="display: none;">
    <form id="form_logout_dialog">
        <table>
            <tr>
                <td>
                    <p><label>How many items didn't picked?</label></p>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="text" id="logout-item">
                </td>
            </tr>
        </table>
    </form>
</div>

Jquery的

$("#login-btn").click(function() {
        $("#div_login_dialog").dialog("open");
    });
    $("#logout-btn").click(function() {
        $("#div_logout_dialog").dialog("open");
    });