Tenho o seguinte HTML
<form id="FrmLoja" method="post" action="#">
<input type="text" name="valor[]" id="valor" value="0" />
<input type="text" name="valor[]" id="valor" value="0" />
<input type="text" name="valor[]" id="valor" value="0" />
<input type="text" name="valor[]" id="valor" value="0" />
<input type="text" name="valor[]" id="valor" value="0" />
<input type="text" name="valor[]" id="valor" value="0" />
<input type="text" name="valor[]" id="valor" value="0" />
<input type="text" name="valor[]" id="valor" value="0" />
<input type="text" name="total" id="total" value="" />
</form>
Preciso somar todos os valores e inserir o resultado total, sem a necessidade de um reload na página... Este campo valor, é um campo dinâmico, onde eu tenho um btn (+) que adiciona uma nova linha sempre que preciso, dentro do array... Como eu posso fazer esta soma?