title: how to add custom icon on jquery ui select menu
body: <p>i use jquery UI <a href="http://wiki.jqueryui.com/w/page/12138056/Selectmenu" rel="nofollow">Select menu</a> and i want to make a custom icon for every option tag</p>
  
  <p>i use php and mysql to get my icons and elements </p>
  
  <p>i try to use span and give it an icon as a background image but it's not working  </p>
  
  <pre><code>            &lt;label class="langLabel" for="filesA"&gt;Select your language:&lt;/label&gt;
              &lt;select name="filesA" id="filesA"&gt;
                  &lt;?php 
  
                  $langs  = select("*","lang");
                  while($lang=fa($langs)){
                      echo "&lt;option value={$lang['lang_id']} data-class=\"ui-icon-script\"&gt;{$lang['lang_full_name']}
                      &lt;/option&gt;";
                      echo "&lt;span class='test' style='background: url('".
                         "img/flags2".$lang['lang_flag'] ."') /&gt;";
                  }
  
                  ?&gt;
  
          &lt;/select&gt;
  </code></pre>