WordpressでjQueryが動かない

#課題
WordpressでjQueryが動かなかった。

動かなかったコード

<div>
  <script>
    $(document).ready(function(){
      console.log($("#element_id").val());
    });
  </script>
</div>

#結論
Wordpressではデフォルトで $ が動作しないらしい。
色々試してみて以下のような書き方で動いた。

動いたコード

<div>
  <script>
    jQuery(function($) {
      $(document).ready(function(){
        console.log($("#element_id").val());
      });
    });
  </script>
</div>

要はjQuery(function($){})で囲めばいつも通りよと言う話らしい。
私のWordpress素人であるせいですが、記事に従っても素直に動作してくれることが少ない。

#参考情報
【すぐ解決】WordPressでjQueryが動かない原因と正しい使い方！jQueryプラグインを使う手順も解説
https://briarpatch.co.jp/wp-jquery