Не обновляется значение переменной

[formus]

Приветствую! Без применения глобального объявления title, можно ли как то решить задачу?

<div class="cal_event">1</div>
<div class="cal_event">2</div>
<div class="cal_event">3</div>
<div class="table">Показать</div>

$('.cal_event').bind("click", function() {
				var title = $(this).text()
		                alert (title) // Все норм, значения меняются в соответствии с текстом кнопки
				$('.table').bind("click", function() {
				alert (title) // Всегда значение, которое было при первом клике
})
})

[Erolast]

$(".cal_event").on("click", function(calEvent) {
    $(".table").on("click", function() {
        alert($(calEvent).text());
    });
});

Названия классов элементов ужасные, просто ужасные.
И jQuery#bind уже давно как depricated.

[рони]

formus,
Erolast,
а у вас молоко убежало alert размножается

[рони]

$(calEvent).title()

не могу понять как это работает

[join]

$(".cal_event").on("click", function(calEvent) {
$(".table").on("click", function() {
alert($(calEvent).text());
});
});

http://jsfiddle.net/00zLmLoe/ //not work

[Erolast]

не могу понять как это работает

Тьфу, описался. Поправил.

alert размножается

Оригинальная логика сохранена.

[Erolast]

http://jsfiddle.net/00zLmLoe/ //not work

Туплю, event.target надо брать:

<div class="cal_event">1</div>
<div class="cal_event">2</div>
<div class="cal_event">3</div>
<div class="table">Показать</div>

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
$(".cal_event").on("click", function(event) {
    var calEvent = event.target;
    $(".table").on("click", function() {
        alert($(calEvent).text());
    });
});
</script>

[join]

чуть поправил

http://jsfiddle.net/00zLmLoe/3/

[рони]

join,
тоже самое клик множится

[Erolast]

Так в оригинале.