Javascripttel csináltam egy legördülő listát. A második miért nem jelenik ugyanugy meg?

Még az elején közölném, hogy kezdő vagyok, csak magamtól kezdtem el programozni, ugyhogy bocsi a nagyon primitiv kérdésért...

Szeretnék több legördülő listát késziteni, innen a 6.-at [link] Igazából az egyiket sikerült is megcsinálnom, de azt hittem hogyha ujból beillesztem a html kodba ezt a reszt:

<div class="fleft">

<select id="cd-dropdown" class="cd-select">

<option value="-1" selected>Choose your prize</option>

<option value="1" class="icon-camera">Camera</option>

<option value="2" class="icon-diamond">Diamonds</option>

<option value="3" class="icon-rocket">Spaceship</option>

<option value="4" class="icon-star">Star</option>

<option value="5" class="icon-clock">Time</option>

</select>

</div>

akkor lesz egy másik ugyanolyan.De a másik nem olyan lett.Valaki el tudná magyarázni miért nem? vagyis akkor mit kell csinálni hogy a másik is ugyanugy nézzen ki. Lehet rossz az elgondolásom, de ugy gondoltam hogy ha azt beillesztem akkor ugyanolyannak kell lenni, mivel az id class nevek ugyan azok.

Ide feltöltöttem ameddig eljutottam:

[link]

nagyon köszönöm a segitséget!!!