title: highlight menu on scrolling (if reach div)
body: <p>i want highlight the menu point if the div is scrolled // or clicked.</p>
  
  <p><a href="http://jsfiddle.net/WeboGraph/vu6hN/2/">http://jsfiddle.net/WeboGraph/vu6hN/2/</a> (thats an example what i want)</p>
  
  <p>my code: 
  (JS)</p>
  
  <pre><code>    $(document).ready(function(){
        $('nav a').on('click', function(event) {
            $(this).parent().find('a').removeClass('active_underlined');
            $(this).addClass('active_underlined');
        });
  
        $(window).on('scroll', function() {
            $('.target').each(function() {
                if($(window).scrollTop() &gt;= $(this).position().top) {
                    var id = $(this).attr('id');
                    $('nav a').removeClass('active_underlined');
                    $('nav a[href=#'+ id +']').addClass('active_underlined');
                }
            });
        });
      });
  </code></pre>
  
  <p>my (html nav)</p>
  
  <pre><code>        &lt;nav&gt;
             &lt;div id="cssmenu"&gt;
                &lt;ul id="horizontalmenu" class="underlinemenu"&gt;
                    &lt;li&gt;&lt;a data-scroll href="#fdesigns"  class="active_underlined"&gt;FDesigns&lt;/a&gt; &lt;/li&gt;
                    &lt;li&gt;&lt;a data-scroll href="#skills"&gt;skills&lt;/a&gt; &lt;/li&gt;
                    &lt;li&gt;&lt;a data-scroll href="#workflow"&gt;WORKFLOW&lt;/a&gt; &lt;/li&gt;
                    &lt;li&gt;&lt;a data-scroll href="#portfolio"&gt;Portfolio&lt;/a&gt; &lt;/li&gt;
                    &lt;li&gt;&lt;a data-scroll href="#about"&gt;About&lt;/a&gt; &lt;/li&gt;
                    &lt;li&gt;&lt;a data-scroll href="#kontakt"&gt;Kontakt&lt;/a&gt; &lt;/li&gt;
                &lt;/ul&gt;   
            &lt;/div&gt;
          &lt;/nav&gt; 
  </code></pre>
  
  <p>my (css)</p>
  
  <pre><code>.active_underlined a {
    color: #fff;
    border-bottom: 2px solid #ebebeb;
  }
  
  a.active_underlined {
    color: #fff;
    border-bottom: 2px solid #ebebeb;
  }
  </code></pre>
  
  <p>here a link to the project: <a href="http://www.f-designs.de/test_onesite">http://www.f-designs.de/test_onesite</a></p>