title: jQuery: Why does my click event on a li element not work?
body: <p>I want to move the Div-element "nav", when a li-element was clicked.</p>
  
  <p>I have a List in a div</p>
  
  <pre><code>&lt;div id="nav"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#t1"&gt;Flyer&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#t2"&gt;Code&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#t3"&gt;Angebot&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#t4"&gt;Bilder&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p>Why doesnt this work in jquery:</p>
  
  <pre><code>$("#nav ul li").click(function(){
      $("#nav").animate({ 
          marginLeft: "-300px",
      }, 1000 );
  });
  </code></pre>