Generar div con diferentes id en jQuery

[kstro21]

hola a todos, necesito generar codigo html desde javascript, estoy usando jquey,
quiero generar div con diferentes id, pues dependiendo del id es el comportamiento q tendra, hasta ahora este codigo me genera siempre el mismo div

Código Javascript:

var datePickerHTML = function(id){
        var html = "<div id='"+id+"' class='ui-datepicker'>";
        html += "Hello World, my ID is "+id;
        html += "</div>";
        return html;
    }
 
    var UhmaCalendar = function(config){
        this.dpID = 'dp'+config.inputField;
        jQuery('#'+config.inputField).after(function(){
          return datePickerHTML(dpID);
    });
        jQuery('#'+config.btn).click(function(){
              jQuery('#'+dpID).toggle('slow');
        }
    }
 

en el .html, pongo algo como

Código Javascript:

UhmaCalendar({
        btn : 'countday_pick',
        inputField : 'countday'
    });
    UhmaCalendar({
        btn : 'sartday_pick',
        inputField : 'startday'
    });
 

esto es para dos input diferentes, y dos botones diferentes, los dos botones me muestran y me ocultan el div, pero siempre es el mismo, tambien intente con

Código Javascript:

new UhmaCalendar({
        btn : 'sartday_pick',
        inputField : 'startday'
    });
 

pero es el mismo resultado, q puedo hacer, quizas
gracias