How to remove button from form element? (JavaScript)
<p>I have this html </p>

<pre><code>&lt;form id="form"&gt;

&lt;input id="deleteNumber" name="del" type="hidden" /&gt;
&lt;input id="addAddress" name="addAddress" type="hidden" /&gt;

...
...
...

&lt;a href="javascript:deleteAddress();" class="deleteItem"/&gt;&lt;/a&gt;
&lt;a href="javascript:addNextAddress()"&gt;Add address &lt;/a&gt;
&lt;/form&gt;

&lt;script type="text/javascript"&gt;
function addNextAddress() {
    var parent = document.getElementById('form');
    var child = document.getElementById('form').del;
    perent.removeChild(child);
    document.getElementById('form').submit();   
}
&lt;/script&gt;
&lt;script type="text/javascript"&gt;
function deleteAddress() {
    var r=confirm(text);
    if (r == true) {
        var parent = document.getElementById('form');
        var child = document.getElementById('form').addAddress;
        perent.removeChild(child);
        document.getElementById('form').submit();
    }
}
&lt;/script&gt;
</code></pre>

<p>I get js error:</p>

<blockquote>
  <p>Uncaught ReferenceError: perent is not
  defined</p>
</blockquote>

<p>Can anybody help?</p>
