Как сделать кнопку невидимой при нажатии другой кнопки в HTML

Как сделать кнопку невидимой, щелкнув другую кнопку в HTML?
Я написал, как показано ниже, но это не работает.

<input type="button" onclick="demoShow();" value="edit" />
<script type="text/javascript"> 
    function demoShow()
    { document.getElementsByName('p2').style.visibility="hidden"; }
</script>
<input id="p2" type="submit" value="submit" name="submit" />