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?

questionAnswers(4)

yourAnswerToTheQuestion