$.ajax envía variable pero no carga la página

[beto13]

Ahora lo cambié, se abre la página pero no llega el valor por post

Código HTML:

<form id="frmPersonalCargo" action="planificacion.php" method="post">
              <div class="hide" id="divPersonalCargo">
                <input type="hidden" name="codpersonal" value="" />
                <table id="tbPersonalCargo">
                  <thead>
                    <tr>
                      <th>Personal</th>
                      <th></th>
                    </tr>
                  </thead>
                  <tbody id="trPersonalCargo">
                     
                  </tbody>
                 
                </table>
              </div>
            </form>
 

Código Javascript:

function buscarPersonalCargo(){
        $.ajax({
            type: "POST",
            url: "procesar_buscar.php",
            dataType: 'json',
            data: {tarea: 'buscarPersonalCargo'},
            success:
            function(respuesta){
                if(respuesta!=null){
                    $('#divPersonalCargo').removeClass('hide');
                    var appendPersonal = '';
                    var codpersonal = '';
                    var hidden;
                    $.each(respuesta, function(i) {
 
                        //codpersonal = "'"+respuesta[i].codpersonal+"'";
                        appendPersonal = '<tr class="trPersonalCargo"> <td><label for=""  class="control-label">'+respuesta[i].apellidos+' '+respuesta[i].nombres+'</label></td></td> <td><button class="btn btn-danger btn-mini" onClick="pasarCodigo('+"'"+respuesta[i].codpersonal+"'"+')">Planifciación</button></td> </tr>';
                        $('#tbPersonalCargo').find('tbody').append(appendPersonal);
 
                    });
                }
                            
            }
        });
 
function pasarCodigo(codigo){
        $('codpersonal').val(codigo);
        $('#frmPersonalCargo').submit();
    }