title: how to remove jQuery mobile effect with jQuery UI?
body: <p>I am using submenu / menu option of jQuery UI. But I also include jQuery mobile in my project.</p>
  
  <p>Actually when I only include jQuery UI it looks good as I want. (<a href="http://jsfiddle.net/P962c/" rel="nofollow">fiddle</a>)</p>
  
  <p>But when I include jQuery mobile it removes the effect, looking awkward. (<a href="http://jsfiddle.net/P962c/1/" rel="nofollow">fiddle</a>)</p>
  
  <pre><code>&lt;ul id="menu"&gt;
    &lt;li class="ui-state-disabled"&gt;&lt;a href="#"&gt;Aberdeen&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Ada&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Adamsville&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Addyston&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;
      &lt;a href="#"&gt;Delphi&lt;/a&gt;
      &lt;ul&gt;
        &lt;li class="ui-state-disabled"&gt;&lt;a href="#"&gt;Ada&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Saarland&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Salzburg&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Saarland&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;
      &lt;a href="#"&gt;Salzburg&lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt;
          &lt;a href="#"&gt;Delphi&lt;/a&gt;
          &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Ada&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Saarland&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Salzburg&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;a href="#"&gt;Delphi&lt;/a&gt;
          &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Ada&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Saarland&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Salzburg&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Perch&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li class="ui-state-disabled"&gt;&lt;a href="#"&gt;Amesville&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Can we remove the CSS effect in menu option of jQuery mobile?</p>