En mi código, uso javascript para enviar datos a python (frasco) y elimino el botón cuando tiene éxito. el código del botón se da a continuación

El resultado es que envía los datos a python y la función de back-end en python funciona, pero el botón no se elimina. Escribo alert(p) en el éxito: función porque quiero saber si la función se usa o no y alerta!!. Soy realmente nuevo en HTML y javascript. Por favor que alguien me explique como funciona y me diga como solucionarlo!

 $(document).on('submit', '#todo-form2', function(e) { console.log('hello'); e.preventDefault(); $.ajax({ type: 'POST', url: '/delete', data: { todo: $("#todo").val() }, success: function() { var p = $("#todo").val() alert(p); var elem = document.getElementByName(p); elem.parentNode.removeChild(elem); } }) });

 <form method="post" id="todo-form"> <button class="primary" name="560510531" id="todo" type="submit" value=560510531> Accept </button> </form> <form method="post" id="todo-form2"> <button class="primary ghost" name="560510531" id="todo" type="submit" value=560510531> Deny </button> </form>