jQuery在Iframe中工作但在Ajax中不工作

Question

我有一个页面，当前显示在另一个页面的iframe中。它包含一些jQuery，这种方式运行良好。单击按钮时会显示一个额外的表格。

<a href="javascript:;" id="click<?php echo $i ?>" class="buttonSearchList">&nbsp;&nbsp; Enquire or Book</a>
<script>
$("a#click<?php echo $i ?>").click(function() {
$("#hiddenstuff<?php echo $i ?>").slideDown(1000),
$("a#click<?php echo $i ?>").fadeOut(500);
});
</script>
</td>
</tr>
</table>
<div id="hiddenstuff<?php echo $i ?>" style="display:none">
*Content*
</div>

我想摆脱iframe，然后使用ajax。为此，我将以下内容放在父页面中：

<script type="text/javascript">
$(document).ready(function() {
   $('#prices').load('../prices.php?hid=<?php echo $hid;?>');
});
</script>

子页面加载正常，但其中的jQuery不起作用。为什么会这样？