I have a web page which is loaded by javascript. Frontend page is based on JS templating engine. I generate my content via javascript instead of PHP.

I generate my contents in following ways

1. I store the content in javascript variable as an object ; Like: var content = {title: 'Some demo title', 'h1' : 'Some demo heading', 'content' : '....'}

after page loading

$(document).ready(function(){ // generate content load_content(content); });

I have no idea what will be the effect of SEO on this page. Please help me to generate a content by javascript which is SEO friendly