[jQuery] jQuery localScroll target problem

[Frozzare]

Hello.

I don't get jquery localscroll target setting work right. I want to
scroll the div's in #content div, but it's not working.

my js code:

        $(document).ready(function() {
            $('ul.nav').localScroll({
                target: '#content',
                axis: 'xy',
                queue: true
            });
        });

my html code:

<div id="left" class="left">
            <ul class="nav">
                <li><a href="#home">Hem</a></li>
                <li><a href="#about">Om mig</a></li>
                <li><a href="#work">Mitt arbete</a></li>
                <li><a href="#contact">Kontakt</a></li>
            </ul>
</div>
<div id="content" class="page right">
            <div id="home">
                <h3>
                    Hem</h3>
            </div>
            <div id="about">
                <h3>
                    Om mig</h3>
            </div>
            <div id="work">
                <h3>
                    Mitt arbete</h3>
            </div>
            <div id="contact">
                <h3>
                    Kontakt</h3>
            </div>
</div>