title: setTimeOut is Uncaught ReferenceError: setTimeOut is not defined
body: <p>First, I am new in javascript and I got a problem in setTimeOut ...</p>
  
  <p>This is my script code........</p>
  
  <pre><code>$('#nav ul li a').hover(function(){
              $(this).next("div").slideDown("fast").siblings("div").slideUp("slow");
              console.log("hover");
          },
          function(){
              setTimeOut(
                  function(){
                      if(!$(this).next('div').is(':hover')){
                          $(this).next('div').slideUp('slow');
                      }}
                      ,1000)
  
          });
  </code></pre>
  
  <p>This is my HTML Code.....</p>
  
  <p>
              </p>
  
  <pre><code>        &lt;/div&gt; &lt;!-- end of first-row --&gt;                    
          &lt;ul&gt;
              &lt;li&gt;
                  &lt;a href="#"&gt;Home &lt;/a&gt;&lt;div class="menu_box box1"&gt;&lt;/div&gt;
              &lt;/li&gt;       
              &lt;li&gt;                
                  &lt;a href="#"&gt;Place&lt;/a&gt;&lt;div class="menu_box box2"&gt;&lt;/div&gt; &lt;!-- end of menu --&gt;
              &lt;/li&gt;       
              &lt;li&gt;
                  &lt;a href="#"&gt;Guide&lt;/a&gt;&lt;div class="menu_box box3"&gt;&lt;/div&gt; 
              &lt;/li&gt;       
              &lt;li&gt;
                  &lt;a href="#"&gt;Contact&lt;/a&gt;
              &lt;/li&gt;       
              &lt;li&gt;
                  &lt;a href="#"&gt;About Us&lt;/a&gt;
              &lt;/li&gt;       
  
          &lt;/ul&gt;
      &lt;/div&gt; &lt;!-- end of nav --&gt;
  </code></pre>
  
  <p>Please guide me ....</p>