div中加载的页面不适用于提交表单

Question

我有一个index.php，其菜单使用jQuery加载页面

<div id="cont">
<div class="menu">
    <ul>
    <li>COMPRAS
        <ul>
        <li><p id="link1">Registrar</p></li>
        <li><p id="link11">Reporte Mensual</p></li>
        </ul>
    </li>
    </ul>
</div>
<div class="resu"></div>

<script>
$(document).ready(function() {
            $("#link1").click(function(event) {
                $(".resu").load('sys_compra/compra_agregar.php');
            });
            $("#link11").click(function(event) {
                $(".resu").load('sys_compra/compra_reportem_sol.php');
            });
        });
</script>

当我单独运行时，php文件工作正常但是当我通过index.php加载它时它不起作用。 这是compra_agregar.php代码

<fieldset>
<legend>GENERAR REPORTE DE COMPRAS MENSUAL</legend>
<p>SELECCIONE EL MES Y EL AÑO QUE DESEA</p>
<table>
<form name="impres1" action="compra_reportem_mes.php" method="post" onsubmit="presupuesto1()">
<tr>
<td align="center">MES</td>
<td align="center">AÑO</td>
<td align="center">ESTADO</td>
<td></td>
</tr>
<tr>
<td>
<select name="id">
<option value="01">ENERO</option>
<option value="02">FEBRERO</option>
<option value="03">MARZO</option>
<option value="04">ABRIL</option>
<option value="05">MAYO</option>
<option value="06">JUNIO</option>
<option value="07">JULIO</option>
<option value="08">AGOSTO</option>
<option value="09">SEPTIEMBRE</option>
<option value="10">OCTUBRE</option>
<option value="11">NOVIEMBRE</option>
<option value="12">DICIEMBRE</option>
</select>
</td>
<td>
<input name="idy" required placeholder="Ingrese Año"/>
</td>
<td>
<select name="est">
<option value="0">REGISTRADO</option>
<option value="1">OPERADO</option>
<option value="2">ANULADO</option>
<option value="3">RECIBIDO</option>
</select>
</td>
<td>
<input type="submit" value="IMPRIMIR REPORTE">
</td>
</tr>
</form>
</table>
</fieldset>

使用jQuery加载它时不起作用的脚本

<script>
function presupuesto1() {
var mds = "width="+screen.width+"px,height="+(screen.height - 50) + "px,top=0,left=0";
window.open('', 'formpopup', mds);
impres1.target = 'formpopup';
};
</script>