Remover o css inline de um elemento HTML
Estou usando o wordpress 3.5 e crie menu com submenus. Está estruturado assim:
<ul class="menu">
<li id="menu1">Menu 1</li>
<li id="menu2">Menu 2</li>
<li id="menu3" style="z-index:100;">
Menu 3
<ul class="submenu">
<li id="submenu1">submenu1</li>
<li id="submenu2">submenu2</li>
<li id="submenu3">submenu3</li>
</ul>
</li>
</ul>
O problema é o menu com submenus, é automaticamente anexado um z-index com valor 100. Eu não quero que seja assim porque me dá problemas em adicionar o efeito de lavalamp a esses menus.
Eu tentei editar o z-index usando jquery logo após o menu ser criado usando wp_nav_menus simplesmente assim:
jQuery(document).ready(function(){
jQuery("#menu3").css("z-index", "0");
});
Mas infelizmente não funciona. Como posso remover esse estilo css inline?