Interagir com pagina html dentro de uma div

Olá,

Estou fazendo um teste de site SPA e para isso eu criei uma div e dentro dela coloquei outras paginas html com JQuery. Desse jeito:

  <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4 margintop container-principal">
            <h2>Bem vindo</h2>

 </main>
<script>
        $('a').click(function(e) {
            e.preventDefault();

            if($(this).hasClass('usuarios')){
                $.get('pages/usuarios.html',function(response){ 
                    $('.container-principal').html(response); 
                });
            }else if($(this).hasClass('aplicacao')){
                $.get('pages/page2.html',function(response){ 
                    $('.container-principal').html(response); 
                });
            }
        })
    </script>

Como eu acesso os elementos desta página que está dentro da div, se meu script está na index.html ??

Ou, se caso eu tiver que criar outro script, como enviar um objeto para essa pagina ??

Pois fiz uma requisição ajax e queria inserir o Response nesta página "secundaria".

Desculpe se não consegui explicar direito :/

Obrigado.