JavaScript - funcion para sumar dos elementos con clases distintas

<div class="celda">

<input type="text" id="" value="10.0000" class="class_superficie" onkeyup="sumar();" />

<input type="text" id="" value="50" class="class_porcentaje" onkeyup="porcentaje();" />

</div>
<div class="celda">

<input type="text" id="" value="10.0000" class="class_superficie" onkeyup="sumar();" />

<input type="text" id="" value="50" class="class_porcentaje" onkeyup="porcentaje();" />

</div>

buenas tengo este codigo quiero multiplicar el valor del primer iinput con el segundo luego que pase al siguiente y haga lo mismo

usando jquery
pense en usar la (".class_porcentaje").each(function(element) { para recorrer cada elemento pero va a llergar al primer input y luego salta al otro div no se como tomar el dato del segundo input

como hago para tomar los datos de las dos clase al mis o tiempo

En lugar de iterar "class_porcentaje", iteras "celda".

muchas gracias pude resolverlo con un bucle for y un array de ante mano pero ahora veo la como utilizar la funcion find

gracias nuevamente