jquery localScroll onclick hjælp

Hey

er ved at lave en side med localScroll men ønsker ikke at benytte mig af a link men i sted for li i forhold til design. Derfor vil jeg når man klikker på li at den så scroll til den id som jeg har sat i den.

Mit script:

$(".produktNav").live("click", function(e) {
         
          $($(this).attr('rel')).localScroll({
              target: '#wrapper', // Could be a selector or a jQuery object too.
              queue:true,
              duration:1500
          });
           
        });

Min menu
<ul id="Pronavigation">
                <li class="produktNav"><a href="#section1">Folder</a></li>
                <li class="produktNav"><a href="#section2">Plakater</a></li>
                <li class="produktNav" rel="#section3"><a href="#section3">Bøger</a></li>
                <li class="produktNav"><a href="#section4">Banner</a></li>
                <li class="produktNav"><a href="#section5">Folder Flyers</a></li>
            </ul>

scroll div:
<div id="wrapper">
           
                <div class="section" id="section1" style="height: 405px; width: 341px; background-color: aqua">&nbsp;</div>
                <div class="section" id="section2" style="height: 405px; width: 341px; background-color: blue">&nbsp;</div>
                <div class="section" id="section3" style="height: 405px; width: 341px; background-color: gray">&nbsp;</div>
                <div class="section" id="section4" style="height: 405px; width: 341px; background-color: fuchsia">&nbsp;</div>
                <div class="section" id="section5" style="height: 405px; width: 341px; background-color: maroon">&nbsp;</div>
               
           
            </div>