When I make a record it is added but when I am going to add another record it brings the previous data registered.
<form action="" id="form1" novalidate="novalidate">
<div class="modal fade" id="modalNuevo" tabindex="-1" role="dialog" aria labelledby="myModalLabel">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria- label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Agrega nueva persona</h4>
<div id="divMensajeEdicion"></div>
</div>
<div class="modal-body">
<input style="display:none" type="text" name="id" id="id" class="form-
control input-sm"
readonly>
<label>Nombre</label>
<input type="text" id="nombre" name="nombre" class="form-control
input-sm">
<label>Apellido</label>
<input type="text" id="apellido" name="apellido" class="form-
control input-sm">
<label>Email</label>
<input type="text" id="email" name="email" class="form-control
input-sm">
<label>Telefono</label>
<input type="text" id="telefono" name="telefono" class="form-
control input-sm">
</div>
<div class="modal-footer">
<a Id="button" class="btn btn-default" data-dismiss="modal">Cerrar</a>
<a id="btn_guardar" class="btn btn-primary" href="javascript:fn_tab1_guardar_submit();">Agregar</a>
</div>
</div>
</div>
</div>
</form>
js
function fn_tab1_guardar_submit() //agregar
{
var formid = "form1";
if (!utils_validateInputs(formid, "#divMensajeEdicion")) return;
var arrObj;
arrObj = utils_getInputs_arrayObj(formid);
utils_Ajax('2_Model/persona_service.php', 'add', arrObj,
'#divMensajeEdicion', fn_tab1_guardar_submit_response, formid, 2000, 5000);
}
function fn_tab1_guardar_submit_response(objData, formid) {
fn_pintar_Persona(objData.datos);
}
$(function () {
$(".custom-close").on('click', function () {
$('#modalNuevo').modal('hide');
});
});