Hola equipo

soy nueva en esto de los foros.
De favor necesito una ayudadita, estoy luchando con un código en javascript, estoy tratando de realizar una suma de 2 columnas y tengo una tercera donde en automático me dé la sumatoria de estas dos. El problema es que no logro separar valores del array, el código ya me hace la suma, pero al momento de mostrar resultados no los separa en diferentes filas, si no que se quedan en una sola.
Mis tres columnas del formulario "captura":
<input type="text" id="dato1" name="dato1[]" value="0" size="12">
<input type="text" id="dato2" name="dato2[]" value="0" size="12" onblur='ope()'>
<div id="test" name="test[]"> </div>
Función ope:
<script language="javascript" type="text/javascript">
function ope()
{
var a= document.getElementsByName('dato1[]');
var b= document.getElementsByName('dato2[]');
var sum = [];
for (i=0; i<a.length; i++)
{
sum[i]=(parseFloat(a[i].value))+(parseFloat(b[i].value));
}//for
document.getElementById('test').innerHTML=sum;
}//function
</script>
El resultado es el siguiente:
Muchisimas Gracias por el apoyo