Простой jQuery - добавление к телу приводит к тому, что следующий код не работает

Question

Я пытаюсь сделать две вещи:

1. Добавить div к телу
2. Сделайте все клики по ссылкам класса editlink сделайте всплывающее окно и не переходите к их href

Хорошо делать только 2:

$(document).ready(function(){
//  $(body).append("<div>Hello world</div>");
  $("a.editlink").click(function(event){
    alert("Javascript-endabled users should see this");
    event.preventDefault();
  });
});

Но если я раскомментирую код для # 1, как показано ниже,

$(document).ready(function(){
  $(body).append("<div>Hello world</div>");
  $("a.editlink").click(function(event){
    alert("Javascript-endabled users should see this");
    event.preventDefault();
  });
});

div выглядит, как и ожидалось, но нажатие на ссылки editlink больше не дает всплывающее окно и ведет к ссылке на ссылку.

Что происходит?

Answer 1

Вам не хватает кавычек для вашего body селектора тегов:

$('body').append("<div>Hello world</div>");

Answer 2

Вы имели в виду:

$("body")

вместо:

$(body)

Могу ли я порекомендовать вам использовать Firebug для получения достойного отчета об ошибках? Вы бы нашли это очень быстро с Firebug.