Event is not working

[losewin]

Why is it not working? already tried the .on('datepicker-change') and .bind('datepicker-change') but still won't trigger

var today=new Date()
        today.setDate(today.getDate()+1)
        jQuery('#datepicker').dateRangePicker({
            startDate: today,
            inline:true,
            showTopbar:false,
            container: '.daterangepicker',
            alwaysOpen:true,
            stickyMonths:true,
            // customArrowPrevSymbol:'<i class="fa fa-angle-left"></i>',
            // customArrowNextSymbol:'<i class="fa fa-angle-right"></i>',
            /*hoveringTooltip: function(days, startTime, hoveringTime){
                $('.ifly-widget .departure-picker button.nights').text(days+' Days')
                return days
            }*/
        }).bind('datepicker-change',function(event, obj){
            console.log('change',event, obj)
            // $('departure-selection')
        })

But its working fine on the Demo

[losewin]

This happens because the element does not exists but the container does, which datepicker-change event can't be attached to the jQuery('#datepicker') element