jQuery Plugin not working for elements added dynamically

jQuery Plugin not working for elements added dynamically

How do I get a jQuery Plugin working for elements added dynamically? I'm trying to add few date pickers to the DIV  datesList  each time you cick the Add button. The plugin doesnt work for the textboxes that are added dynamically. Can some one please advice?

Thank You

HTML

  
    
   
  1. <div class="datesList">
    2. 
   
  2.  <div class="date">
    3. 
   
  3.  <input type="text" class="date-picker"/>
    4. 
   
  4.  </div>
    5. 
   
  5. </div>
    6. 
   

    7. 
   
  7. <div class="addDate">
    8. 
   
  8.  Add Date
    9. 
   
  9. </div>
    10.

JS

  
    
   
  1. $(".date-picker").datepicker();
    2. 
   

    3. 
   
  3. $(".addDate").click(function(){
    4. 
   
  4.  var dList = $(".datesList");
    5. 
   
  5.  dList.find(".date").first().clone(false).appendTo(dList);
    6. 
   
  6. });
    7.