Just new to jQuery UI.   Wanted date picking help, and this looked great.   I downloaded it and loaded it on my server.

 

I define it all here:

<link rel="stylesheet" href="/jquery-ui/development-bundle/themes/base/jquery.ui.all.css" /> 
 <script src="/jquery-ui/js/jquery-1.9.0.js"></script>
 <script src="/jquery-ui/development-bundle/ui/jquery.ui.core.js"></script>
 <script src="/jquery-ui/development-bundle/ui/jquery.ui.widget.js"></script>
 <script src="/jquery-ui/development-bundle/ui/jquery.ui.datepicker.js"></script>

<script>
  $(function() {
  $( "#datepicker" ).datepicker();
  });
</script>

Then use it here:

 

<td>

    <cfinput TYPE="text" id="datepicker" label="Certificate Date:" NAME="Needkitdate" size="20" width="100">
</td>
<td>
    <cfinput type="text" label="Date Left:" name="dateleft" id="datepicker">

</td>

 

The first instance gives me the calendar to pick a date.  The second one does nothing.   If I move the second one before the first one, the new first one will work and the one that was working doesn't display anything.   I have tried changing the cfinput to just input and it behaves the same.

 

What might I be missing?