Jquery com codigo html dinamico

Tenho uma função em Ajax que quando adicionada, insere/ atualiza uma pagina .php

 $("#recarrega-adt").click(function(event) {
   $.ajax({
                 url       : 'classes/consulta-aditivo.php',

            success : function(txt){
                 $('#view-full-adt').load('classes/consulta-aditivo.php');
            },
            error: function(result) {
                alert("Erro");
                /*sweet alert*/
            }
  });
 }); 

O problema que quando é realizada esta ação as outras funções JS/Jquery param de funcionar, pois este código foi inserido "depois" que o restante foi executado. Como devo resolver este problema? Encontrei o metodo live() e on(), porém ambos não surtiram efeitos... O unico modo que encontrei foi deixando o metodo na mesma pagina que é chamada mas não gostaria de fazer isso =/

Agradeço desde já.

$(document).ready(function(){
$(".option-aditivo h3").on("click",function(){
    alert('teste');
    var id = this.id;
    var frase = this.title;
    $("<span class='frase-aditivo mover' id='adt"+id+"-enable'>"+frase+"</span>").appendTo("#papel");

    $(this).removeAttr('id')
    $(this).attr('id',id+"-plus");
    Draggable.create("[id*=adt]");
  });
 });