Html in option

that is difficult work to use 'html tags' in option tag. I show one of my work. you can choose glyph icon from select box. but this is shown only in Firefox not chrome!

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
This code Only works in Firefox.
<br/>
<select id="myselect">
  <option value="_none"> - Select One - </option>
  <option value="asterisk">asterisk</option>
  <option value="plus">plus</option>
  <option value="euro">euro</option>

</select>
<span class="preview"> </span>

CSS

#myselect {
  margin: 40px;
  height: 30px;
  font-size: 14pt;
}

JavaScript

(function($) {
  $(document).ready(function() {
    $('#myselect option').each(function() {
      $(this).html('<img src="http://jsfiddle.net/img/logo.png">' + $(this).html());
    })

  });

})(jQuery);