Почему меняются все сразу поля в input data?

Не могу понять что сделал не так, почему то меняются все поля сразу, может это из за класса одного, подскажите пожалуйста как можно исправить? Вот код:

$('.datepicker-input').datepicker({
minDate: 0,
onClose: function(dateText, inst) {
$(
'.date').text(
inst.selectedDay
"-"
(inst.selectedMonth
1) "-"
inst.selectedYear)
;
}
})
;
$('.date').click(function() {
$(
'.datepicker-input').focus();
});


<div style="height:0px; overflow:hidden">
<input
class="datepicker-input" type="date"/>

<span
class="date" contentEditable="true">Date?

Решение вашего вопроса:


<div style="height:0px; overflow:hidden">
<input
class="datepicker-input" type="date"/>

<span
class="date" contentEditable="true">Date?


Просто видимо не хватало this для привязки контекста, вот оно и применялось ко всем с определенным классом.