Acho que a questão não é de adicionar valores no DOM, pois você mesmo disse que está fazendo isso, é em manipular eles de forma que eles recuperem seu estado quando navegando na página.
Um jeito é você salvar os estados dos elementos que você adicionou no browser, seja via Cookie (não é uma boa solução) ou via Web Storage (mais legal essa).
Então ao carregar o DOM, você pode verificar se os dados estão salvos para re-adicionar os elementos no DOM, conforme o necessário e alterar seus atributos.
Mas para responder a pergunta, sim é possível, exemplo:
$('body').append(document.createElement('div'));// vai adicionar uma div no body
// nativo:
document.body.appendChild(document.createElement('div')); // mesma coisa só que sem jquery
EDIT, por causa do comentário do autor:
Se você tem uma tabela e quer armazena-la por completo, para não solicitar novamente para o servidor, uma solução não muito elegante é transformar o conteúdo em string, armazenar em um storage (de preferencia por causa do tamanho) e depois fazer a evaluação na hora de colocar de volta, exemplo:
Salvando conteúdo da tabela:
localStorage.setItem('minhaTabela', $('#minhaTabela').html());
Recuperando conteúdo da tabela:
$('#minhaTabela').html(localStorage.getItem('minhaTabela'));
Verifique se o usuário tem suporte a localStorage
e se existe valor salvo no item que vc vai armazenar os dados da tabela.