title: Custom menu for One page scroll
body: <p>I'm using this <a href="http://www.thepetedesign.com/demos/onepage_scroll_demo.html" rel="nofollow">onepage scroll plugin</a> and it works great, just that I can't make the custom menu work like the pagination dots even though the markup is exactly similar:</p>
  
  <p><a href="http://jsfiddle.net/iaezzy/z5ztr1zg/" rel="nofollow">http://jsfiddle.net/iaezzy/z5ztr1zg/</a></p>
  
  <pre><code>&lt;ul id="menu"&gt;
      &lt;li&gt;&lt;a href="#1" data-index="1"&gt;Section 1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#2" data-index="2"&gt;Section 2&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div class="main"&gt;
  &lt;section&gt;section 1&lt;/section&gt;
  &lt;section&gt;section 2&lt;/section&gt;
  &lt;/div&gt;
  </code></pre>