[Syomga]

Приветствую всех, прошу вас помочь разобраться.
Задача у меня следующая мне нужно инициализировать datepicker от jquery на склонированный input

HTML:

<div id="action">
                <div class="row" id="line" style="margin-bottom: 10px;">
                    <div class="col-md-5">
                        <input type="text" id="date" class="form-control date" placeholder="Дата" name="new_date[]">
                    </div>
                    <div class="col-md-5">
                        <input type="text" class="form-control" placeholder="Сумма" name="new_sum[]">
                    </div>
                    <div class="col-md-2">
                        <div class="btn-group">
                            <button type="button" class="btn btn-danger" id="del" onclick="deleteElement()">- Удалить</button>
                        </div>
                    </div>
                </div>
            </div>

JS

initDatepicker('#date')

    function initDatepicker(id)
    {
        $(id).datepicker({
            showOn: 'focus',
            altFormat: "mm.dd.yy",
            dateFormat: "mm.dd.yy",
        });
    }

    function cloner()
    {
        $('#line').clone().appendTo('#action');
        var new_date = $('.date');

        new_date.each(function(index, value){
            $(this).attr('id', 'date' + index);
            initDatepicker('#date' + index);
        });
    }

Но проблема в том что datepicker инициализируется только на первом инпуте, как видите в функции cloner() я уже даю уникальные айдишники каждому инпуту и запускаю функцию initDatepicker() но опять же ничего не происходит, ошибок в консоле нет.
Возможно я чего то не понимаю. Прошу помощи.