title: Ascensor.js very basic implementation
body: <p>I started this very small project in order to get familiar with Asensor.js but I cannot make it work.</p>
  
  <p>In my project directory I have an html file (shown below) and 5 javascript files that are supposed to be the corresponding plugins (I copied and pasted raw code in these files). The javascript files are: JQuery, Ascensor.js, a migrate plugin, an easing plugin, and a scrollTo plugin.</p>
  
  <p>Here is the html file:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;&lt;title&gt;Ascensor&lt;/title&gt;&lt;/head&gt;
  &lt;script src="http://kirkas.ch/ascensor/js/libs/modernizr-2.5.3.min.js"&gt;&lt;/script&gt;
  &lt;body&gt;
  
  
  
  &lt;!-- HTML --&gt;
  
  
  &lt;nav id="navigationMap"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a class="ascensorLink ascensorLink1 ascensorLinkActive"&gt;floor1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a class="ascensorLink ascensorLink2"&gt;floor2&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  
  &lt;div id="ascensorBuilding" style="position: absolute; width: 1436px; height: 100%;"&gt;
  
      &lt;section class="ascensorFloor" id='ascensorFloor1' style="position: absolute; width: 1436px; height: 100%; left: 0px;"&gt;
          &lt;p&gt;floor 1 content here&lt;/p&gt;
      &lt;/section&gt;
  
      &lt;section class="ascensorFloor" id='ascensorFloor2' style="position: absolute; width: 1436px; height: 100%; left: 1436px;"&gt;
          &lt;p&gt;floor 2 content here&lt;/p&gt;
      &lt;/section&gt;
  
  &lt;/div&gt;
  
  
  
  &lt;!-- ascensor.js --&gt;
  
  &lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/ascensor.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/migrate.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/easing.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/scrollTo.js"&gt;&lt;/script&gt;
  
  
  &lt;script type="text/javascript"&gt;
  
    $(document).ready(function() {
      $('#ascensorBuilding').ascensor();
  
  &lt;/script&gt;
  
  
  
  &lt;!-- CSS --&gt;
  
  &lt;style type="text/css"&gt;
      #ascensorFloor1 {
          background: red;
      }
      #ascensorFloor2 {
          background: blue;
      }
  &lt;/style&gt;
  
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When I open the html file in my browser all the static content is displayed but when I click on the navbar links, nothing moves.</p>
  
  <p>Any ideas how to fix this?
  Thank you!</p>