输入数据并单击按钮时如何将数据填充到表中

Question

我正在尝试构建一个带有倍数页面的html，以使用jquery mobile添加和查看事件。

1. 我有一个包含事件日期和主题的表（数据应在用户添加事件时更新）
2. 点击添加活动按钮后，在输入数据并点击添加后会显示包含主题和详细信息的页面，数据无法获取 更新到表格，即第1步
3. 选择添加的事件（从第1步表开始）并单击视图事件时，应显示主题和事件的详细信息。

我是jquery mobile的新手。谁能帮我吗？ 这是我的代码： 的 HTML

<div data-role="page" id="index">
            <div data-role="header">
                <h1>Event Planning</h1>
            </div>
        <table data-role="table" class="ui-responsive table-stroke">
            <thead>
                <tr>
                    <th>Date</th>
                    <th>Subject</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
            </tbody>
        </table>
            <div role="main" class="ui-content">
                <a href="#addevent">Add Event</a><br>
                <a href="#viewevent">View Event</a>
            </div>
        </div>
        <!-- Add event page-->
        <div data-role="page" id="addevent">
        <section data-role="content">
        <label for="subject">Subject</label>
        <input type="text" name="subject" id="note_subject">
        <label for="details">Details</label>
        <textarea name="details" id="note_text"></textarea> 
        <input type="button" value="Add" id="add">
        </section>
        </div>
        <!-- View event page-->
        <div data-role="page" id="viewevent">
        </div>