Селектор классов jQuery не работает

Я изо всех сил пытаюсь вызвать предупреждение, когда тег привязки с определенным классом нажата внутри div.

Мой рассматриваемый раздел html выглядит так ...

  Next

Раздел jQuery выглядит следующим образом ..

$('.bar').click(function()
{
  alert("CLICKED");
});

Моя проблема в том, что я не могу получить это предупреждение, я думаю что я правильно выбираю класс «следующий», но он по какой-то причине не подберет его. Я также пробовал почти все на этой странице , но ничего не работает. Если я не пытаюсь указать тег привязки, то есть $ ('# foo'). Click (function () ... тогда он работает, но в этом div будет несколько тегов привязки, поэтому просто выполнение предупреждения, когда Нажатие div не будет работать для того, что мне нужно. Веб-сайт, на котором это находится, - это поисковая система, использующая ajax для отправки информации на do_search.php. В do_search.php я принимаю решения о разбиении на страницы в зависимости от того, сколько результатов найдено, и если возможно, следующая, предыдущая, последняя и первая ссылка может быть сделана и отображена.

РЕДАКТИРОВАТЬ: Я только что понял, это было мое размещение функции .next, поскольку она не была создана в исходном документе load, но вместо этого после того, как результат был возвращен, я переместил функцию .next в часть успеха функции ajax, поскольку именно там будут создаваться кнопки, если они должны быть, теперь это работает.