TypeError: $(...).offset(...) is undefined

TypeError: $(...).offset(...) is undefined

In my firebug console I'm getting this error.

TypeError: $(...).offset(...) is undefined
 

This is the code
  1. if (typeof window.location.hash !== 'undefined') {
          $("html, body").animate({ scrollTop: $('#' + window.location.hash).offset().top }, 1000);
        }

and this is the line it's talking about

  1. $("html, body").animate({ scrollTop: $('#' + window.location.hash).offset().top }, 1000);

and the arrow is pointing to the $.


This is the positions that i have for my jquery.

On top of my page I have

  1. {{ HTML::script('js/jquery-1.10.2.js') }}
        {{ HTML::script('js/bootstrap.min.js') }}
        {{ HTML::script('js/main.js') }}

and at the bottom of my page I have

  1. {{ HTML::script('js/jquery.ui.map.js') }}
        {{ HTML::script('js/wow.min.js') }}
        {{ HTML::script('js/bootstrap.min.js') }}
        {{ HTML::script('js/jquery.superslides.min.js') }}
        {{ HTML::script('js/slick.min.js') }}
        {{ HTML::script('js/modernizr.custom.js') }}
        {{ HTML::script('js/classie.js') }}
        {{ HTML::script('js/elastic_grid.min.js') }}
        {{ HTML::script('js/portfolio_slider.js') }}
        {{ HTML::script('js/webkrunch_portfolio.js') }}
        {{ HTML::script('js/custom.js') }}