I have a modal to add data, but when I click on add I want to close and show the data

Modal code:

<!--************************************************ Modal Para Agregar computadores *******************************************-->
    <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">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Agregar Computador</h4>
                <div id="divMensajeEdicion"></div>
            </div>
            <div class="modal-body">
            <label>Marca</label>
            <input type="text"   Id="Marca" name="Marca"  class="form-control input-sm">
            <label>Referencia</label>
            <input type="text"  id="Referencia" name="Referencia"  class="form-control input-sm">
            <label>perifericos</label>
            <input type="text"  id="perifericos" name="perifericos" class="form-control input-sm">
            <label>Incidencias</label>
            <input type="text" id="Incidencias" name= "Incidencias" class="form-control input-sm">
      </div>
      <div class="modal-footer">
       <a Id="btn_guardar" class="btn btn-primary" href="javascript:fn_tab1_guardar_submit();">Agregar</a>

      </div>
    </div>
  </div>
</div>
</form>

Java script

function fn_pintar_computadores(objData)
{   

        var arrFields = new Array ("id","Marca","Referencia", "perifericos","Incidencias");

     var strHtmlRow = '<tr>'+
        '<td>@id</td>'+
        '<td>@Marca</td>'+
        '<td>@Referencia</td>'+
        '<td>@perifericos</td>'+
        '<td>@Incidencias</td>'+
        '<td></td>'+
        '<td></td>'
    '</tr>';

        utils_pintar_tablahtml("grvDatos", objData, strHtmlRow,arrFields);
}


function fn_tab1_guardar_submit()
{   var formid ="form1";
    if (!utils_validateInputs(formid,"#divMensajeEdicion")) return;
    var arrObj;
    arrObj = utils_getInputs_arrayObj (formid);
    utils_Ajax ('2_Model/computadores_service.php', 'addcomputadores',arrObj, '#divMensajeEdicion', fn_tab1_guardar_submit_response, formid,2000,5000);


    function  fn_tab1_guardar_submit_response(objData, formid)
{ 
    fn_pintar_computadores(objData.datos);


    $(document).ready(function(){
        $('#btn_guardar').click(function(){
        Marca=$('#Marca').val();
        Referencia=$('#Referencia').val();
        perifericos=$('#perifericos').val();
        Incidencias=$('#Incidencias').val();


    alert("1"); 
}); 
})
}
};