Путаница со знаком доллара в jQuery

Я немного запутался в отношении знака доллара в jQuery и надеялся, что кто-то может помочь мне.

У меня есть следующее объявление функции:

$(function() {
    $( "#create-discussion" ).button().click(function() {
        alert("Clicked");
    });

    $( "#listitems tr" ).click(function(event) {
        alert("clicked");
    });
});

По какой-то причине первое объявление функции для кнопки «создать-обсуждение» работает отлично; при нажатии появляется всплывающее окно. Однако второе объявление делает не работает, и всплывающее окно не создается, когда я нажимаю на строки таблицы.

Это какой-то нюанс в отношении кнопки onClicks по сравнению со строкой таблицы onClicks? Я упускаю что-то до глупости очевидное?

Кроме того, я думаю, что это поможет куча, если бы кто-то объяснил, что на самом деле делает $ (function () {}) , поскольку я отношусь к нему как к $ (document) .ready () , и я не конечно, смогу ли я это сделать.