title: Hide submenu icons in jQuery UI Menu Widget
body: <p>I'm trying to hide the submenu icon for jquery ui menu widget (default value is <em>ui-icon-carat-1-e</em>).</p>
  
  <pre><code>$(document).ready(function(){
      $(function() {
          $( "#menu" ).menu({
              icons: { 
                  submenu: false
              }
          });
      });
  });
  </code></pre>
  
  <p>I guess the solution is very simple, but I can't get it :-(</p>
  
  <p>Thanks for your help, guys.</p>
  
  <p>EDIT: Here's my html code:</p>
  
  <pre><code>&lt;ul id="menu" style="z-index:1"&gt;
      &lt;li&gt;&lt;a href="#"&gt;&lt;span class="ui-icon ui-icon-info" style="margin: 3px 0 0 4px;"&gt;&lt;/span&gt;Information &lt;/a&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="?site=something"&gt;&lt;span class="ui-icon ui-icon-star" style="margin: 2px 0 0 4px;"&gt;&lt;/span&gt;Something&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;...&lt;/li&gt;
  ...
          &lt;/ul&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>And here's the code when jquery has done it's hob:</p>
  
  <pre><code>&lt;ul id="menu" class="ui-menu ui-widget ui-widget-content ui-corner-all ui-menu-icons" style="z-index:1" role="menu" tabindex="0" aria-activedescendant="ui-id-152"&gt;
      &lt;li class="ui-menu-item" role="presentation"&gt;
          &lt;a id="ui-id-152" class="ui-corner-all" href="#" aria-haspopup="true" tabindex="-1" role="menuitem"&gt;
              &lt;span class="ui-menu-icon ui-icon ui-icon-carat-1-e"&gt;&lt;/span&gt;
              &lt;span class="ui-icon ui-icon-info" style="margin: 3px 0 0 4px;"&gt;&lt;/span&gt;
                  Information 
          &lt;/a&gt;
          &lt;ul class="ui-menu ui-widget ui-widget-content ui-corner-all" style="display: none; top: 31px; left: 20px;" role="menu" aria-expanded="false" aria-hidden="true"&gt;
              &lt;li class="ui-menu-item" role="presentation"&gt; … &lt;/li&gt;
              &lt;li class="ui-menu-item" role="presentation"&gt; … &lt;/li&gt;
              &lt;li class="ui-menu-item" role="presentation"&gt; … &lt;/li&gt;
              &lt;li class="ui-menu-item" role="presentation"&gt; … &lt;/li&gt;
  </code></pre>
  
  <p>And I want to remove this annoying span tag <strong>span class="ui-menu-icon ui-icon ui-icon-carat-1-e"</strong></p>
  
  <p>Cheers
  Alex</p>