Problem with click event and children() in unordered list <ul>

Problem with click event and children() in unordered list <ul>

Hello, i have in my code ul lists.

my code is as follows:

  1. <ul id="nav1">
  2.       <li>Home</li>
  3.       <li>News</li>
  4.       <li>Announcements</li>
  5. </ul>
Whenever sm clicks on a list item li, a div must moves.
So i have to use children() combined with click() event.
i did

  1. $("#nav1").clildren().click(function() {
  2.                 $("#content").animate({"left": "200px"},1500);
  3.             });

It doesn't work, but why?
What do i do wrong??

thanks in advance