Jquery not loading in head but loading on bottom of body tag

Question

Here is my problem: as title says, jQuery is working only when I put the scripts on the bottom of the body tag. When I put them in head they are not working. I am using just

Answer 1

Thanks guys I found the solution for my problem , you guys are really awesome .. If anyone have same problem here is what i dd and it works ...

As @Jaimil Prajapati , @Damen Salvatore and @coder_ck said i just need to put my jquery code inside document ready function .. Here is what i put in head and now it works :)