$('xxx').click(function() срабатывает по разному
 

Мне нужно закрыть popover (элемент из бутстрапа) при щелчке на элементе.

поповер реализован так:

$("#cart").popover({title: '<img src="/img/icon-click.png" id="close_cart">',
        html : true,
        trigger: 'manual',
        content: function() {
            return $('#popover_content_wrapper').html();
        }
    }).click(function(evt) {
            evt.stopPropagation();
            $(this).popover('show');
        });

Закрытие сделано так:

$('#close_cart').click(function() {
        $('#cart').popover('hide');
    });

Так вот если вместо #close_cart взять например

$('#html').click(function() {....

то закрытие срабатывает (при щелчке на любом месте экрана)
А вот если отлавливать клик по элементу #close_cart - то событие не срабатывает.
Подскажите, почему так?
Спасибо!

А ты допиши так:

if ($('#close_cart').length > 0) {
    alert('Все ок');
} else {
    alert('Блин, а элемента то нет такого.. а и вправду, он ведь еще не создан, нужно прочитать про делегирование событий...');
}
$('#close_cart').click(function() {

Хехе, и правда. Благодарствую, добрый человек.