Question

I am using jQuery with UFD Plugin for select drop down. It works cool , I facing is IE 7 , It not rendered.

My code.

 <div id="first">
            <select id="eventEg" name="eventEg">
               <option value="Afghanistan">Afghanistan</option>

          </select>
   </div>
<div id="second">
           <select id="eventEg" name="eventEg">
               <option value="Afghanistan">Afghanistan</option>

          </select>
</div>



          var master = $("div#first #eventEg").ufd();
           var another=$("div#second  #eventEg").ufd();

I am using jQuery 1.5.1,in firefox it works fine.

In IE , The first drop down Renders where as the second dropdown not
rendered.

Let me know how to fix the problem in iE7 (I think it is because of select id unique, How ever i need with out changing the select id as unique, Since I inserted the select ID into div )

Answer 1

IDs MUST be unique, you CANNOT use the same ID twice! As you see it breaks things. If you want to use the same thing for more than one element, use class instead of id.