Inserting submenu to main menu using jquery - good idea? I have main menu showing only first level links (3 items).

**Home**
**Themes**
-green
-blue
-red
**Jokes**
-long
-short
-medium


I am using Menu block module (to show second level items) + Power menu (to make menu items active if current node has certain term).
So when a node with taxonomy "theme" is displayed, the items under "themes" shows up in block menu.

What I would like to do is to somehow inject the block menu items inside primary menu. The main reason is to be able to use responsive menu, that immediately shows user menu options based on node term. (It is more of a usability idea for mobile users - not having to click through full menu).

Question: Do you think it is a good idea to inject such menu using jquery? Or is there a better drupal way of doing this? Thank you
What I would like to do is to somehow inject the block menu items
inside primary menu.
Or is there a better drupal way of doing this?

TB Mega Menu allows you to put blocks and view blocks inside your menus. Perhaps you should consider using this module instead.