2. <form method="POST" action="" name="myform">
3. <div id="line1">
4. <button id="delete1">Delete Row</button>
5. <input type="file" id="filetoup1" name="myfile1" /><br>
6. 
   
7. Nome:<input type="text" name="nome" id="nomeup2" value="">
8. 
   
9. </div>
10. <hr>
11. <div id="line2">
12. <button id="delete2">Delete Row</button>
13. 
    
14. <input type="file" id="filetoup2" name="myfile2" /><br>
15. 
    
16. Nome:<input type="text" name="nome" id="nomeup2" value="">
17. 
    
18. </div>
19. 
    
20. 
    
21. <input type="submit" name="submitted" value="invia"></form>

This is the js :

2. $(document).ready(function() {
3. $('#delete1').click( function(){
4.   $('#filetoup1').val('');
5. 
   
6. });
7.   
8.   $('#delete2').click( function(){
9.   $("#filetoup2").val("");
10. });
11. 
    
12. });

Why when i click on delete , the page  refresh?

this is the code : jsfiddle