jquery - 要素を選択するだけでJQuery .findが機能するのはなぜですか?

Question

次の操作を行って、Bootstrap のボタンの innerHtml を変更しようとしています (CoffeeScript):

$('#bts-display-button').html(Toolbar.selected_BTS)

これは、Dom がロードされた後に呼び出されますが、機能していません。次のように、JQuery .find メソッドを使用して innerHtml を変更することに成功しました。

$('body').find('#bts-display-button').html(Toolbar.selected_BTS)

コンテキストによっては、上記のメソッドはクリック ハンドラに配置されます。

bts_dropdown_selecion_clickhandler: () =>
    $('body').on 'click', '#bts-dropdown li', ->
      console.log $(this).html()
      Toolbar.selected_BTS = $(this).html()
      $('body').find('#bts-display-button').html(Toolbar.selected_BTS)  # Works
      #$('#bts-display-button').html(Toolbar.selected_BTS)              # Doesn't Work

質問

.find メソッドは機能するのに、他のメソッドは機能しないのはなぜですか?