title: Animate offset().left with hash change jQuery
body: <p>I'm working on horizontal scrolling website 
  Website (blueprint) working very well, animation work smooth and everythings fine.
  But when I want to add <code>window.location.hash</code> with <code>ba-hashchange</code> plugin in this case does not work.</p>
  
  <pre><code>$(document).ready(function(){
  
  $("nav").delegate("a", "click", function(event) {
      window.location.hash =  $(this).attr("href");
      return false;      
  });
  
  var newHash      = "";
  $(window).bind('hashchange', function(){
  
      newHash = window.location.hash;
      if (newHash) {
          $('body,html').stop().animate({
              scrollLeft: $(newHash).offset().left
          }, 2500,'easeInOutExpo');
      };
  
  });
  
      $(window).trigger('hashchange');
  });
  </code></pre>
  
  <p>Here's live example without hashChange <a href="http://revelier.home.pl/withoutHash/" rel="nofollow">WITHOUT HASH EXAMPLE</a></p>
  
  <p>And here's with hashChange <a href="http://revelier.home.pl/withHash" rel="nofollow">WITH HASH EXAMPLE</a></p>
  
  <p>Basicly what i want to do:</p>
  
  <ol>
  <li>On Click nav new window.location.hash is set</li>
  <li>plugin with function 'hashchange' read hash</li>
  <li>and when specific hash animate to direct "id"</li>
  </ol>
  
  <p>What's happening with hash:</p>
  
  <ol>
  <li>On Click url changes</li>
  <li>function "hashchange" does work because when u put alert(newHash) instead animate it shows actual hash, animation just does not work.</li>
  <li>when u put link with hash changed it works <a href="http://revelier.home.pl/withHash/#portfolio" rel="nofollow">HASH CHANGED SERVER PATH/#portfolio</a> </li>
  </ol>
  
  <p>Please help me to combine animation offset with hashchange.
  Thank you!!</p>