jQuery Accordian Link Problem

Hi,
I've just started playing with jquery and im a 'hacking' together a
menu using the accordian plugin. I want the actual link that creates
the accordian effect to link to another page as well as drop the
accordian.
Currently I cant figure out how to make the <a> link to another page.
Here is my HTML code:
<ul id="sidenavigation">
<li>
<h3><a href="content2.htm">Browse Our Services</a></h3>
<ul>
<li><a href="content2.htm">sub menu item one</a></li>
<li><a href="javascript:;">sub menu item two</a></li>
</ul>
</li>
<li>
<h3><a href="content2.htm">Home Installs</a></h3>
<ul>
<li><a href="javascript:;">sub menu item one</a></li>
<li><a href="javascript:;">sub menu item two</a></li>
</ul>
</li>
<li>
<h3><a href="3">Bathroom Designs</a></h3>
<ul>
<li><a href="javascript:;">sub menu item one</a></li>
<li><a href="javascript:;">sub menu item two</a></li>
</ul>
</li>
</ul>
And my Jqeury:
jQuery('#sidenavigation').accordion({
            active: false,
            header: 'h3',
            navigation: true,
            event: 'click',
            fillSpace: false,
            animated: 'easeslide'
        });
I am currently using the H3 as the 'header' selector for the accordian
but even with this selected, the a href link does not link out.
Im really banging my head agianst a wall now and the frustration is
getting the better of me. Any help would be MUCH appreciated.
Thanks,