Когда использовать «$» в javascript / jQuery

Я недавно начал делать javascript и jQuery, и одна вещь, которую я постоянно задаю себе, - это когда использовать "$". Я знаю, что это указывает на jQuery, но это не всегда так. Я приведу несколько примеров:

Это два сценария, которые я написал:

Первый:

$(function() {
    var newHTML = 'Login';
    var oldHTML = '+Add to watchlist';

    // on mouse over
    $("a.bid-addwatchlist").hover(
    function () {
        (this).innerHTML = newHTML;
    },
    // on mouse out
    function () {
        (this).innerHTML = oldHTML;
    });
});

Второй:

(function(){
    $("#container a").click(function(){
        if ($(this).html() == "Stop Listening")
        {
            $(this).html("Listen");
        }
        else if ($(this).html() == "Listen")
        {
            $(this).html("Stop Listening");
        }
    });
});

Почему в первом сценарии он не работал бы, если бы у меня был $ перед "this", но это было необходимо второму сценарию?

Примечание: Я уже смотрел здесь: Когда использовать $, а когда нет

Но этот ответ был недостаточно исчерпывающим.