在ajax Jquery之后无法获取隐藏字段的值

我有一个页面，当点击链接时，它会打开一个弹出框来插入新的费用。当这个弹出框打开时，我使用jquery load（）函数从另一个名为load_charges.php的页面上的脚本中插入一个包含所有当前费用（从mysql加载）的表。

我遇到的问题是，我无法访问我刚刚加载的内容中的任何隐藏值。我使用：

var charge_id = $(':hidden:first', $(this)).val();  

这通常会为我获取第一个隐藏元素的值，但如果我试图从load_charges.php的页面加载中获取信息，它就不起作用。我会在下面列出我的代码：

case_panel.hp:

//带有表单元素的HTML表

<table>
    <tr class="lead_hover">
        <td>
            <form class="calc" title="Case Expense Calculator" style="cursor:pointer;">
                <input type="hidden" id="lead_id" value="21946295" />
                <input type="hidden" id="final_id" value="74" />
                <input name="order" type="hidden" id="final_id" value="3" />
            </form>
        </td>
    </tr>
    <tr class="lead_hover">
        <td>
            <form class="calc" title="Case Expense Calculator" style="cursor:pointer;">
                <input type="hidden" id="lead_id" value="21978679" />
                <input type="hidden" id="final_id" value="79" />
                <input name="order" type="hidden" id="final_id" value="1" />
            </form>
        </td>
    </tr>
</table>

//Jquery加载弹出表单框

$(".calc").click(function () {
    var value = $(':hidden:eq(0)', $(this)).val();
    $('input[name=lead_id]').val(value);
    var value = $(':hidden:eq(1)', $(this)).val();
    $('input[name=final_id]').val(value);
    var value = $(':hidden:eq(2)', $(this)).val();
    $('.order').val(value);
    var lead_id = $(':hidden:eq(0)', $(this)).val();
    var string1 = "token=<? echo $_SESSION['token'];  ?>&lead_id=";
    var url = "../ajax/load_charges.php";
    var datastring = string1.concat(lead_id);
    $('#calc_right_display').html('<div><img src="../imgs/loading4.gif" align="center" /></div>').load(url, datastring).show();
    $("#calc_div").overlay().load();
});

load_charges.php：//加载了新表单元素的表

<table width="266" border="0" cellpadding="5">
    <? do { ?>
    <tr>
        <td width="163">
            <? echo $row_charges[ 'rows'][ 'title']; ?>
        </td>
        <td width="83">$
            <? echo $row_charges[ 'rows'][ 'charge']; ?>
        </td>
        <td width="27">
            <form class="delete_charge" title="Delete Charge" style="cursor:pointer;">
                <input type="hidden" id="id1" value "<? echo $row_charges['rows']['id']; ?>">
            </form>
        </td>
    </tr>
    <? } while ($row_charges[ 'rows']=m ysql_fetch_assoc($row_charges[ 'query'])); ?>
</table>

//Jquery load_charges.php 上的代码

<script>
$(".delete_charge").click(function () { * *
    var charge_id = $(':hidden:first', $(this)).val(); * *
    var str2 = "token=<? echo $_REQUEST['token'];  ?>&delete_charge=true&id=";
    var str_lead_id = "&lead_id=<? echo $_REQUEST['lead_id'];  ?>";
    var url2 = "../ajax/cm_expenses_delete.php";
    var datastring2 = str2.concat(charge_id, str_lead_id);
    $('#calc_right_display').html('<div><img src="../imgs/loading4.gif" align="center" /></div>').load(url2, datastring2).show();
});
</script>

问题是var charge_id=$（'：hidden:first'，$（this））.val（）；没有从刚加载的新页面返回任何值。如有任何帮助，我们将不胜感激。

提前谢谢。Ryan