[jQuery] listnav

[jQuery] listnav


does this thing only work when placed inside a form?
what if my server does not handle asp?
I simply cannot get it to work. Even the listnav bar does not display.
I am trying to implement demo one.
here is my page code: NB i have omitted header and footers from this
snippet.
<script type="text/javascript" src="/js/jquery/jquery.js"
charset="utf-8"></script>
<script type="text/javascript" src="/js/jquery.cookie.js"
charset="utf-8"></script>
<script type="text/javascript" src="/js/jquery.listnav.min-2.0.js"
charset="utf-8"></script>
<script type="text/javascript" language="javascript" charset="utf-8">
$(function(){
if(top.location.href.toLowerCase() == self.location.href.toLowerCase
()) $('#docLink').show();
$('#demoOne').listnav();
}
</script>
<style type="text/css">
.listNav { margin:0 0 10px; }
.ln-letters { overflow:hidden; }
.ln-letters a { font-size:0.9em; display:block; float:left; padding:
2px 6px; border:1px solid silver; border-right:none; text-
decoration:none; }
.ln-letters a.ln-last { border-right:1px solid silver; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#eaeaea; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:
1px; margin-bottom:3px; color:#336699; }
</style>
<form>
<div><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/
wEPDwUKLTMxNjc3NTM3NQ9kFgJmD2QWAgIDD2QWAgIDDxYCHgdWaXNpYmxlZ2RkZpClEtaAJoJp6hFhCXNHVUrXldA=" /