Cloned table with datepicker always opens the datapicker from the original NOT the one from the cloned one

Cloned table with datepicker always opens the datapicker from the original NOT the one from the cloned one

I have a table (has more info than this, but to save space I removed the extra fields) and inside this table, I am using jQuery UI calendar datepicker.

See #1



  1. <table class="formInfo" cellpadding="0" cellspacing="0" id="newShowToVenue"> 
    <tr>
     <td><img src="img/information.png" alt="help" width="16" height="16" class="help" title="Date" /></td> 
     <td>Date</td>
     <td class="datepicker_box"><input name="show_date[]" id="show_date" class="datepicker" type="text" value="$showDate" /></td>
    </tr>
    </table>






I have the jQuery code to clone and have tried a number of things to try to make it open up the calendar from the cloned item but cant seem to get it to work.  Just a note, but there could be unlimited 'add another'

See #2



  1. $("#addShow").click(function(){
        
    var toClone = $("#newShowToVenue");    
        $
    (toClone).clone(true).insertBefore($('#insertBefore')).find("input").attr("value","");
        
    return false;
    });


Thank you in advance.