Button con link ad un url php e abbinato ad una funzione jQuery che però non funziona...

[studer]

<td class="capmod center">

echo '<a href="index.php?id='.$row['id'].'">'; 

<button class="btn btn-primary fas fa-edit" id="updateRecord"></button></a></td>

$(document).ready(function(){
                          $("#updateRecord").click(function(){
                            $("#elencoRecord").hide(1000);
                            $("#addRecord").hide(1000);
                            $("#update").show(1000);
                          });
                        });

Non sò se questa sia la sezione corretta ma provo a spiegarvi il mio problema.

qui sopra c'è il codice di un bottone che punta ad un url in php e che tramite l'id updateRecord dovrebbe nascondere dei DIV e mostrarne un altro che si chiama update.
Il problema è che quando clicco sul bottone c'è qualcosa che blocca la funzione, se provo a togliere il link all'url in php invece torna a funzionare come posso risolvere ?
grazie a tutti veramente...