Ayuda por fis Añadir campos + calendarios

[mc1636]

disculpa espero que me puedas ayudar otra vez es que de funciones no se mucho sinceramente nada solo buscar la que me funcione pero esta tengo que hacer correr por que es la única que se adapta a mis necesidades y ahora tengo otros campo fecha desde hasta con su típica validaciones pero aplicando el código no puedo relacionar las clase y quisiera saber si me podrías ayudar para ver como declare las clases esta bien y su llamado.

Código PHP:

  <script type="text/javascript">
function agregar() {
    emails=emails+1;
$(function () {
$("#campos").append('<li class="email'+emails+', class="emaill'+emails+'"><label></label><INPUT type="text" name="desde[]" size="16" id="email"/><INPUT type="text" name="hasta[]" id="emaill"  size="16"  />&nbsp;&nbsp;<a href="#" onclick="javascript:borrar('+emails+');">Borrar</a></li>');
       
                    var dates = $( "#email,#emaill").datepicker({
                        showOn: 'both', //Parametro para que se vea el icono del calendario
                    buttonImageOnly: true, //Indicamos si queremos que solo se vea el icono y no el botón
                    buttonImage: 'calendar.gif', //Indicamos el icono del botón
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 1,
            onSelect: function( selectedDate ) {
                var option = this.id == "emaill" ? "minDate" : "maxDate",
                    instance = $( this ).data( "datepicker" );
                                           date = $.datepicker.parseDate(
                        instance.settings.dateFormat ||
                        $.datepicker._defaults.dateFormat,
                        selectedDate, instance.settings );
                dates.not( this ).datepicker( "option", option, date );
            }
        });
});
}
</script> 
  

de esta forma se muestra el calendario pero las fecha se ingresan todas en el primer campo que la conserva el id por lo que uso las clase pero como las estoy adaptado no me funcionan

Código PHP:

  <script type="text/javascript">
function agregar() {
    emails=emails+1;
$(function () {
$("#campos").append('<li class="email'+emails+', class="emaill'+emails+'"><label></label><INPUT type="text" name="desde[]" size="16" id="email"/><INPUT type="text" name="hasta[]" id="emaill"  size="16"  />&nbsp;&nbsp;<a href="#" onclick="javascript:borrar('+emails+');">Borrar</a></li>');
           
                          var dates =$( 'input[id="email'+emails+'"]','input[id="emaill'+emails+'"]').datepicker({
                        showOn: 'both', //Parametro para que se vea el icono del calendario
                    buttonImageOnly: true, //Indicamos si queremos que solo se vea el icono y no el botón
                    buttonImage: 'calendar.gif', //Indicamos el icono del botón
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 1,
            onSelect: function( selectedDate ) {

                var option = this.id == 'input[id="emaill'+emails+'"]' ? "minDate" : "maxDate",
                    instance = $( this ).data( "datepicker" );
                                           date = $.datepicker.parseDate(
                        instance.settings.dateFormat ||
                        $.datepicker._defaults.dateFormat,
                        selectedDate, instance.settings );
                dates.not( this ).datepicker( "option", option, date );
            }
        });
});
}
</script> 
  

las funciones y llamados son

Código PHP:

  class="email'+emails+'", class="emaill'+emails+'" 
   

Código PHP:

       var dates =$( 'input[id="email'+emails+'"]','input[id="emaill'+emails+'"]').datepicker({ 
   

Código PHP:

      var option = this.id == 'input[id="emaill'+emails+'"]' ? "minDate" : "maxDate",