chrome拡張機能とchrome developer toolのjqueryのセレクタの動作の違い。

Question

私はjquery(ver.3.5.1)を利用してgoogle chromeの拡張機能を作っています。
jqueryでセレクタを使用しているのですが、google chromeのdeveloper toolと拡張機能のスクリプト内でのjqueryの挙動が違うみたいです。何がいけないのか教えてください。

これらのスクリプトはhttps://www.google.com/search?で行っています。

拡張機能内のスクリプト

$(() => {
	console.log($('#search'));
});

結果

S.fn.init [div#search]
0: div#search
length: 1
__proto__: Object(0)

developer toolのコンソールで行ったスクリプト

console.log($('#search'));

結果

<div id="search">...</div>

Answer 1

ちょっと検索したらteratailの質問95125にて

$はquerySelectorのエイリアス、$$はquerySelectorAllのエイリアスである

という情報を見つけました。お騒がせしてすいませんでした。