How to call a component from a controller file?

Question

I'm new to ember js, It may feel like a dumb question, but still: I've already defined a component say {{pq-component}}, it works fine, when called from a .hbs file. But when I try to call it from a .js file like this

$('#'+block_id+"_toppager").find('.div-import-box').html('<div>{{pq-component}}</div>');

The {{pq-component}} is displaying as a 'String', rather than the rendering the contents of the actual component itself.

So, any suggestions to render the content of {{pq-component}} from the controller file, would be helpful.

I'm using "ember 2.1"

When I try to call it from a .js file like this

$('#'+block_id+"_toppager").find('.div-import-box').html('<div>{{pq-component}}</div>');

I expected to render the contents of the {{pq-component}} to display, but its displaying it as 'pq-component' - the string itslef.