Método append con jQuery

[javierdiazgomez]

Hola, estoy probando unas cosas y estoy haciendo unos uploads múltiples con PHP. Lo que intento hacer ese que al hacer click en un botón se agregue un nuevo <input type="file" />. Lo que tengo de código es esto:

Código javascript:

<script type="text/javascript"> 
        $(document).on('ready', function(){ 
            $('#agregar').on('click', function(){ 
                $('#add').append('<input type="file" name="upload_image[]" />'); 
            }); 
        }); 
    </script>
 

Código html:

<td>Im&aacute;genes:</td> 
                    <td> 
                        <div id="add"> 
                        <input type="file" name="upload_image[]" /> 
                        <input type="file" name="upload_image[]" /> 
                        <input type="file" name="upload_image[]" /> 
                        <input type="file" name="upload_image[]" /> 
                        <input type="file" name="upload_image[]" /> 
                        </div> 
                        <a href="" id="agregar">Agregar otra im&aacute;gen</a> 
                    </td>
 

En cierta parte me funciona porque lo agrega pero se recarga la página y no sé porque y esa es mi duda, ¿porqué se recarga si debería funcionar perfectamente?

Les agradezco si me respondieran. Saludos, un abrazo.