title: How to remove button from form element? (JavaScript)
body: <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>