Criação de Campos Dinâmica.

Galera,estou com um probleminha,tenho um formulário onde preciso adicionar um grupo de inputs dinâmicamente a ele se o usuário clicar no botão adicionar(on click),não sou muito bom com js, então estou vindo aki pedir a ajuda de vocês,bom lá vai o código do form:

<h3><a href="#">Peito</a></h3>
 <div>

 <table border=1 cellspacing=0 cellpadding=2 bordercolor="#FFF" align="center">
 <tr >
 <td class="will">Exercício</td>
 <td class="will">Séries</td>
 <td class="will">Repetições</td>
 <td class="will">Carga</td>

 </tr>
 <tr>

 <form name="alterarPeito" id="alterarPeito" method="post" action="">
 <td><select name="exercicios">
 <option value="1">Pack-Deck</option>
 <option value="1">Supino</option>
 <option value="1">Fly</option>
 </select>
 </td>
 <td><input type="text" name="series" id="series" size="8"></td>
 <td><input type="text" name="repeticoes" id="repeticoes" size="8"></td>
 <td><input type="text" name="carga" id="carga" size="8"></td>
 </tr>
 <input type="button" name="adicionar" id="adicionar" value="+">
 <input type="submit" name="salvar" id="salvar" value="salvar">
 <input type="reset" name="cancelar" id="cancelar" value="cancelar">

 </table>
 </form>

 </div>