> For the complete documentation index, see [llms.txt](https://antonshevchuk.gitbook.io/jquery-for-beginners/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://antonshevchuk.gitbook.io/jquery-for-beginners/10_go_on/be-ready.md).
# Be Ready!
Now it's time to get to work — let's grab some element on the page and try to change it. To do this, we'll insert the following code into the ``:
```markup
```
But code like this won't actually do anything, because at the time of execution there won't be any `` tags on the page yet — the script runs too early, before the entire HTML document has loaded. For the code to work correctly, we need to either place the code after the target ``, or better yet at the very bottom of the page, or use the `ready()` method to track the `DOMContentLoaded` event on our `document`:
```markup
```
You can also use the shorthand version without explicitly calling the `ready()` method:
```markup
```
{% hint style="warning" %}
This last version should already be considered the primary one to use, since in jQuery 3.0 the `ready()` method has been marked as deprecated.
{% endhint %}
You can create as many such functions as you like — you don't have to cram all the necessary functionality into one.
{% hint style="info" %}
If your code is added to the page and will execute after the `load` event has already occurred, it will be called immediately — no additional manipulations needed.
{% endhint %}
`$()` is a synonym for `jQuery()`. To avoid conflicts with other ~~countries~~ libraries over the use of "`$`", I recommend wrapping your code in an anonymous function like this (best practice, so to speak):
```javascript
;(function($, undefined){
// it's quiet and cozy in here
// we'll always be sure that $ === jQuery
// and undefined hasn't been redefined ;)
})(jQuery);
```
Take a look at the example in [ready.html](https://anton.shevchuk.name/book/code/ready.html). Open the source code of that page and find the `