Trouble in implementing a simple floating menu/div

JavaScript
1

Hi
I want to implement a simple floating horizontal nav bar, but its just not rendering. am i missing something

html:
<body>

&lt;div id="content"&gt;
	hello this is the example of floatable navigation
&lt;ul class="nav"&gt;
	&lt;li&gt; &lt;a href="#"&gt;January&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt; &lt;a href="#"&gt;February&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt; &lt;a href="#"&gt;March&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt; &lt;a href="#"&gt;April&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt; &lt;a href="#"&gt;May&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

<div id=“hello”>

</div>
</div>

&lt;script&gt;

$(document).ready(function(){
	
	$(window).scroll(function(){
		
		$(window).scroll(function() {
                    $('#nav').css('top', $(document).scrollTop());
              });
 		
}); //ready

&lt;/script&gt;

&lt;/body&gt;

css:

.nav{
list-style-type:none;
background-color:red;
}

Content{
height:2000px;
width:500px;
background-color:#AA82E5;
}

.nav li{
float:left;
background-color:#00CC99;
color:black;
margin-left:2px;
margin-right: 2px;

}

it seems so simple,
#nav.top=document.scrollTop() right!//rough idea
then what am i missing
Thanks
Meera

2

hi sorry its the nav is a id, even after this small change it does not budge.
Meera

3

Not sure what youre after here, is your javascript working ok or its the menu div thats giving you trouble?

4

Use http://jsfiddle.net to quickly debug your code and solve your issue