Inserting "outlet" in a jqGrid table?


I have a jqGrid table. When a table row is selected, I’d like to show some detailed info right below the row selected. However, this “detailed info” is generated by an Ember route. I’ve tried to use jQuery “detach” function to remove the HTML elements generated by the Ember route and insert them into the table but are seeing some strange behaviors after these HTML elements are inserted into the table. For example, there are some charts in these elements. These charts would stop working once inserted into the table.

I’m looking for ideas on how to do implement this feature properly, or is it at all possible with Ember? It would be nice to be able to move an Ember “outlet” dynamically to anywhere in the DOM and have it rendered by the Ember route.

Any help on this would be highly appreciated!