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

if it works when the code is below body is that the items are already loaded, I do not know if you placed your code inside the jQuery ready function.

example:

 $( document ).ready(function() {
  $( "p" ).text( "The DOM is now loaded and can be manipulated." );
});

source: http://api.jquery.com/ready/