jquery dropdown rewrite from select to ul li
<p>Dropdown menu (the right one, with city names like "gudauri") here dev.holiday.ge/xhtml/main.html must look like this: <img src="http://i.stack.imgur.com/ooYIk.jpg" alt="enter image description here"></p>

<p>I tried with CSS but I think it is quite impossible...</p>

<p>My idea was to create another little jquery script that will modify contents of dropdown further dividing it into 3 's.</p>

<p>Current output:</p>

<pre><code>&lt;ul class="chzn-results"&gt;
&lt;li class="group-result" id="control_1_chzn_g_0" style="display: list-item;"&gt;Mountain&lt;/li&gt;
&lt;li style="" class="active-result result-selected group-option" id="control_1_chzn_o_1"&gt;Gudauri&lt;/li&gt;
&lt;li style="" class="active-result group-option" id="control_1_chzn_o_2"&gt;Bakuriani&lt;/li&gt;
&lt;li style="" class="active-result group-option" id="control_1_chzn_o_3"&gt;Svaneti&lt;/li&gt;

&lt;li class="group-result" id="control_1_chzn_g_4" style="display: list-item;"&gt;Seaside&lt;/li&gt;
&lt;li style="" class="active-result group-option" id="control_1_chzn_o_5"&gt;Batumi&lt;/li&gt;
&lt;li style="" class="active-result group-option" id="control_1_chzn_o_6"&gt;Kobuleti&lt;/li&gt;
&lt;li style="" class="active-result group-option" id="control_1_chzn_o_7"&gt;Kvariati&lt;/li&gt;

&lt;li class="group-result" id="control_1_chzn_g_8" style="display: list-item;"&gt;Capital&lt;/li&gt;
&lt;li style="" class="active-result group-option" id="control_1_chzn_o_9"&gt;Tbilisi&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Change into this:</p>

<pre><code>&lt;ul class="chzn-results" id="searchdropdown1"&gt;
&lt;li class="group-result" id="control_1_chzn_g_0" style="display: list-item;"&gt;Mountain&lt;/li&gt;
&lt;li style="" class="active-result result-selected group-option" id="control_1_chzn_o_1"&gt;Gudauri&lt;/li&gt;
&lt;li style="" class="active-result group-option" id="control_1_chzn_o_2"&gt;Bakuriani&lt;/li&gt;
&lt;li style="" class="active-result group-option" id="control_1_chzn_o_3"&gt;Svaneti&lt;/li&gt;
&lt;/ul&gt;

&lt;ul class="chzn-results" id="searchdropdown2"&gt;
&lt;li class="group-result" id="control_1_chzn_g_4" style="display: list-item;"&gt;Seaside&lt;/li&gt;
&lt;li style="" class="active-result group-option" id="control_1_chzn_o_5"&gt;Batumi&lt;/li&gt;
&lt;li style="" class="active-result group-option" id="control_1_chzn_o_6"&gt;Kobuleti&lt;/li&gt;
&lt;li style="" class="active-result group-option" id="control_1_chzn_o_7"&gt;Kvariati&lt;/li&gt;
&lt;/ul&gt;

&lt;ul class="chzn-results" id="searchdropdown3"&gt;
&lt;li class="group-result" id="control_1_chzn_g_8" style="display: list-item;"&gt;Capital&lt;/li&gt;
&lt;li style="" class="active-result group-option" id="control_1_chzn_o_9"&gt;Tbilisi&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>What do you think?</p>

<p>Will this work at all?</p>
