load content after an element

Question

I am trying to make a function to load a content with .load() of jQuery, the .load() receives a parameter param which would be the archive address.
And I’d like that html was loaded after a specific element in the aside.
I tried using the method .after() but I couldn’t, I wonder if anyone has any solution?!

And I have another question, after uploading this new content, whether the methods that are within the $(document).ready(); will still work, to interact with the new loaded elements?!

HTML line where the onclick event is

<li class="list-group-item pointer" onclick="getTemplate('admin/email/lista-emails.php')">
  Lista de E-mails
  <span class="indicador success white right">14</span>
</li>

---

Javascript code

function getTemplate(string){
  $("#here").after().load(string);
}

Note: He loaded the content into the aside

Answer 1

You can use $.get() to fetch the content and insertAfter() to position it, instead of load() and after();

function getTemplate(string){
  var html = $.get( string );
  $( html ).insertAfter('#here');
}

Answer 2

I was able to solve it this way:

function getTemplate(string){
  $.ajax({
    type     : 'GET',
    url      : string,
    dataType : 'html',
    success  : function(data){
      //remove o conteudo caso já tenha carregado
      //e evita carregar multiplas vezes o mesmo conteudo
      $("#loadContent").remove(); 
      //carrega o html após o elemento ASIDE que resultou na consulta.
      $('aside').after(data);
    }
  });
}

Answer 3

Could be done using $.getJSON done();

Thus:

funtion getTemplate(parametro){
  $.getJSON("url", data : {paramentronome : paramento }).
   .done(function (dado ) {
      $("#div").html(dado);
   });
}

That helps?