Evitar duplicar mi vista previa en modal javascript

al manda mis datos a la vista previa esta bien, así como al inserta los datos pero al dar al boton “no” este cierra la vista previa lo cual esta bien pero al querer guardar de nuevo en el modal se duplica la información y así sucesivamente ¿como puedo evitar eso ?

introducir la descripción de la imagen aquí

en esta imagen muestro mi vista previa correcta al dar al boton “no” para regresar al formulario a corregir informacion y volver a guardar me duplica la informacion, solo en el modal ya que al guardar asi solo se guarda una vez no duplica en la base de dato

foto donde duplica la info: introducir la descripción de la imagen aquí

como puedo evitar esto les uestro mi codigo en HTML:

  <button type="submit" class="tab-btn-sumbit" id="guardar">Si</button>    <button type="reset" class="tab-btn-cancel" id="cancelar">No</button> 

Y MI CODIGO EN JAVASCRIPT :

     $  (document).on("click","#cancelar",function(e){      closeModal();     });    $  (document).on("click","#guardar",function(e){       $  ('.cotizador_box').hide();      $  ('.loader').show();      $  .ajax({           type:"POST",        url:"<?=URL?>velada/Guardar",               data:$  ('#form-velada').serialize(),       dataType:"json",          success:function(data){         closeModal();        $  ('#messages').html(data.message);        $  ('#resumen').html('');     }      });   }); 

AYuDA ;V