title: Remove inline css of an HTML elements
body: <p>I'm using wordpress 3.5 and create menu with submenus. It's structured like this:</p>
  
  <pre><code>&lt;ul class="menu"&gt;
      &lt;li id="menu1"&gt;Menu 1&lt;/li&gt;
      &lt;li id="menu2"&gt;Menu 2&lt;/li&gt;
      &lt;li id="menu3" style="z-index:100;"&gt;
          Menu 3
          &lt;ul class="submenu"&gt;
              &lt;li id="submenu1"&gt;submenu1&lt;/li&gt;
              &lt;li id="submenu2"&gt;submenu2&lt;/li&gt;
              &lt;li id="submenu3"&gt;submenu3&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>The problem is the menu with submenus, it's automatically attached a z-index with value 100. I don't want it to be like that because it gives me trouble on adding lavalamp effect to those menus.</p>
  
  <p>I tried to edit the z-index by using jquery just after the menu is created using wp_nav_menus simply like this:</p>
  
  <pre><code>jQuery(document).ready(function(){
       jQuery("#menu3").css("z-index", "0");
  });
  </code></pre>
  
  <p>But unfortunately, it doesn't work. How can I remove that inline css style?</p>