title: Scroll to next div jQuery
body: <p>I´m working on this <a href="http://www.transportlab.com/" rel="nofollow">page</a></p>
  
  <p>As you can see, in the bottom-middle there is an <code>arrow</code> that right now I haven´t been able to make it scroll to the next section.</p>
  
  <p>You can see the next project by normal scroll but I want to activate it also on the <code>arrow</code>.</p>
  
  <p>This is the markup:</p>
  
  <pre><code>&lt;a id="arrow-down" href="#" onclick="javascript:void(0);"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>This is what I have tried:</p>
  
  <pre><code>    $('#arrow-down').on('click', function () {
          var ele = $(this).closest("div").find(".project.skrollable");
          // this will search within the section
          $("html, body").animate({
               scrollTop: $(ele).offset().top
          }, 100);
          return false;
      });
  </code></pre>
  
  <p>Any ideas what I´m doing wrong? or how can I achieve it?</p>