[JQUERY] tabella con un form per ogni riga

[las]

ok ci sono quasi, ho creato una tabella con i div con questa struttura:

<style type="text/css">
.tabellaDiv {
	width:auto;
	height:auto;
	display: table;
	border: 1px solid #f00;
	
}
.rigaDiv {
	width:auto;
	height:auto;
	display:table-row;
	border: 1px solid #0f0;
}
.cellaDiv {
	width:auto;
	height:auto;
	display:table-cell;
	border: 1px solid #00f;
}
</style>
<div class="tabellaDiv">
	<div class="rigaDiv">

		<div class="cellaDiv">
			testo
		</div>

		<div class="cellaDiv">
		    <form name="form1" id="form1" action="pagina.php" >	
                    <input type="text" name="nome" value="" />
		</div>

		<div class="cellaDiv">
			<input type="submit" name="Invia" value="Invia" />
                        </form>
		</div>

	</div>
	<div class="rigaDiv">

		<div class="cellaDiv">
			testo
		</div>

		<div class="cellaDiv">
		    <form name="form2" id="form1" action="pagina.php" >	
                    <input type="text" name="nome" value="" />
		</div>

		<div class="cellaDiv">
			<input type="submit" name="Invia" value="Invia" />
                        </form>
		</div>

	</div>
</div>

graficamente viene visualizzato tutto perfettamente ma Jquery comunque non riesce ad agganciare gli elementi del form, lo fa solo se sposto l'apertura e la chiusura del form fuori dal div "rigaDiv" ..... il che però mi sfasa tutta la visualizzazione e sono punto e a capo