Button returned via ajax does not work

Question

Friends, I have a question about data recovery through ajax requests. I usually use ajax for data search. The problem arose when I decided to search for elements of type button and checkbox, as I realized that they do not work when they are loaded by this means. Look down at my code:

$.get(
                "buscar-array-pessoas",
                {plano:var_plano},
                function (retorno){

                $('.caixa-dependentes2').html(retorno);             
});

It works perfectly, I send the variable "plan", and I get the return within the class "box-dependents2". The problem is that there is a button that comes along with this return. By clicking on it, I notice that nothing happens. This proceeds?

For testing purposes, I put my "search-array-people" file to return the "a":

File "search-array-people":

  <a href="#" class="teste">botao teste</div>
  <input name="campo1[]" value=""/>
  <input name="campo2[]" value=""/>

See that the return is a button with two inputs in a row.

The link is returned normally on the page that made the request. When I click on the same nothing happens.

See the jquery:

    $(".teste").on('click', function(){  
     alert('Testando botão');
     });

Thanks in advance.