Cadastro com Jquery

[Paulo Roberto Bolsanello 0]

Estou montando um formulário de cadastro onde após a inserção do registro o mesmo devo aparecer na tabela abaixo do formulario.

Para melhor entendimente segue a imagem abaixo:

 

 

O cadastro e a exclusão funcionam bem. Só gostaria que toda vez que o registro fosse incluido ele aparecesse na tabela.

 

Seguem os códigos que uso

//cadastra a forma de pagamento sem refresh
$(document).ready(function() {
var t = document.getElementById("tipo_prazo").value;
var addlinha = "<tr><td>"+ t +"</td><td><?php echo "<input type='hidden' id='id' value='{$id_mensagem}' /><input type='button' onclick='RemoveTableRow(this)' class='btn btn-danger btn-sm' value='Excluir' />"; ?></td></tr>";
	
    $("#btnp").click(function(){
		$("#status").html("<img src='img/loader.gif' alt='Enviando' /> Enviando...");
		$.post("addmsg.php", {
			tipo_prazo:$("input[name=tipo_prazo]").val(),
			
			}, 
			function(data){$("#status").empty().fadeIn("slow").html(data); 
			$("#tipo_prazo").val("");
			$("#status").html("<div class='alert alert-success'>Sucesso ao Cadastrar!</div>");
			$("#tb").append(addlinha);
			}
			
			)
		})
});
//excluir condição
$(document).ready(function() {
		$("input[type=button]").click(function(event) {
			var texto = $(this).prev('input').attr("value");
			$.post('exclui_cond_pg.php',{id:texto},
			
			function call_back(data){$("#status").empty().fadeIn("slow").html(data);
			    $("#status").html("<div class='alert alert-danger'>Sucesso ao Excluir!</div>");
				$('#grid').show();
				//$("#tb").html(data);
			});
		});
	});
//remover liha da tabela
(function($) {

  RemoveTableRow = function(handler) {
    var tr = $(handler).closest('tr');
    tr.fadeOut(400, function(){ 
      tr.remove(); 
    }); 

    return false;
  };
})(jQuery);

Agora o Código do formulario:

<div id="status" style="display: none;"></div>


</p>
<p>
<form role="form"  action="javascript:func()" method="post" name="form_prazo" id="form_prazo">
<div class="input-group">
    <input class="form-control" id="tipo_prazo" name="tipo_prazo" type="text" placeholder="EX: 15 Dias" />
    <div class="input-group-btn">
        <input class="btn btn-success" id="btnp" name="btnp" type="submit" value="Adicionar">
    </div>
</div>
</form>
<div class="input-group" id="carregatb">
<table  border="1" id="tb" name="tb" class="table-bordered table table-striped table-condensed table-responsive">
  <tr>
    <td>Operação</td>
    <td width="136">Remover Operação</td>
  </tr>
 
<?php
//require_once("inc/config_db.inc.php");
//listando as opções de pagamento cadastradas
$qcp = mysql_query("select * from tb_mensagem where tipo_msg='prazo' order by id_msg asc");
while($lqcp = mysql_fetch_array($qcp)){
?>  
  <tr>
    <td><?php echo $lqcp["texto"]; ?></td>
   
    <td><?php echo "<input type='hidden' id='id' value='{$lqcp['id_msg']}' /><input type='button' onclick='RemoveTableRow(this)' class='btn btn-danger btn-sm' value='Excluir' />"; ?></td>
  </tr>
<?php } ?>  
</table>
</div>


</p>
</div>