Zurb Foundation Icons in HTML Select option
<p>I need to make a subset of the Zurb Foundation Icons 3 selectable in my ui by the user.</p>

<p>I tried this:</p>

<pre><code>&lt;select id="icone_menu" name="icone_menu"&gt;
 &lt;option value="fi-align-left"&gt;&lt;i class="fi-align-left large"&gt;&lt;/i&gt;&lt;/option&gt;
 &lt;option value="fi-align-right"&gt;&lt;i class="fi-align-right large"&gt;&lt;/i&gt;&lt;/option&gt;
 &lt;option value="fi-anchor"&gt;&lt;i class="fi-anchor large"&gt;&lt;/i&gt;&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>However all I get are blank lines. Any help or alternative suggestions appreciated.</p>

<p>PS.: I can use jQuery in this project.</p>