Datepicker in loop

Datepicker in loop

Hi,
 
I am displaying the entries from the database on my JSP page. As many there are entries, using <logic:iterate> I am showing the values.
 
My problem is, only the first datepicker is shown. None of the remaining are shown when clicked on text area.
 
[code]
< logic:notEmpty name = "specialResult" scope = "request" >
< logic:iterate name = "specialResult" id = "specialResult" indexId = "index" >
<tr>
      <input type="checkbox" name="upisActive" property="upisActive" value="<bean:write name="specialResult" property="upId"/>"></input>
      <input type="text" name="upholidayDate" value="<bean:write name="specialResult" property="upholidayDate"/>" property="upholidayDate" size="20" id="datepicker"></input>
</tr>
 
<
SCRIPT type=text/javascript>
$( function () {
$( "#datepicker" ).datepicker();
} );
</ SCRIPT >
[/code]