Duda getElementById

[jawir]

Tengo dudas con el funcionamiento del getElementById he estado mirando y probando y no estoy seguro.
Quiero mediante un boton pasar el valor del campo de un formulario hacia otra pagina pero no me manda la variable vacia.

Código HTML:

<form name="frm" action="php/cambio.php" method="POST" onSubmit="return confirm('Estas seguro ?')">
 
 <li><label>Nueva Parcela:</label>
              <input type="text" size="3" maxlength="3"name="id" id="id" />
         </li> 
         <li><label>Nuevos m2:</label>
              <select size="1" name="m2">
                <option selected value="40">40</option>
                <option value="50">50</option>
                <option value="65">65</option>
                <option value="75">75</option>
            </select>
       </li>
 
 <input name="submit" type="submit" class="btn" value="Modificar" />
          
      <script type="text/JavaScript">
           n = document.getElementById('id').value;
          </script>
 
<button type="button"  onClick="location.href = 'php/eliminar.php?id=n'" >Eliminar </button>
 
 
</form>