title: JQuery, ScrollTop scrolls to last div and not ID div
body: <p>So im basically using a link, to scroll through a series of divs to select the correct one. 
  Ie click on happy, and scrolls to 'happy' div, </p>
  
  <p>However, the scroll seems to not go to what its linked to, but scrolls to the third div in the list. </p>
  
  <p>Heres the code:</p>
  
  <pre><code>&lt;div id="portfoliowrapper"&gt;
          &lt;div class="title"&gt;My Portfolio&lt;/div&gt;
          &lt;div class="row1"&gt;&lt;a id="kazookilink" href="#"&gt;Kazooki&lt;/a&gt;&lt;/div&gt;
          &lt;div class="row1"&gt;&lt;a id="uodlink" href="#"&gt;Universe of Downhill&lt;/a&gt;&lt;/div&gt;
          &lt;div class="row1"&gt;&lt;a id="kudialink" href="#"&gt;Kudia&lt;/a&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="description"&gt;
          &lt;div id="top"&gt;description&lt;/div&gt;
          &lt;div id="kazooki"&gt;kazooki&lt;/div&gt;
          &lt;div id="uod"&gt;Universe of Downhill&lt;/div&gt;
          &lt;div id="kudia"&gt;kudia&lt;/div&gt;
      &lt;/div&gt;
  
  
  
   &lt;script type="text/jscript"&gt;
  
        function goToByScroll(id){
        id = id.replace("link", "");    
        $("#description").animate({scrollTop: $("#"+id).offset().top},'slow');
        };
  
        $(".row1 &gt; a").click(function(e) { 
          // Call the scroll function
        goToByScroll($(this).attr("id"));           
        });
  
   &lt;/script&gt;
  </code></pre>