title: jquery show() not working
body: <p>im making a todo list app in php and im using unordered lists to print them out.What I want is to display the titles of todo lists to be displayed first and their contents hidden initially but displayed later via the click event in jQuery.This is what i have tried so far...</p>
  
  <pre><code>&lt;?php 
  include_once "connect_to_mysql.php";
  $name = $_POST['name'];
  $todo = $_POST['todo'];
  $sql = mysql_query("INSERT INTO todo (todo,name) 
   VALUES('$todo','$name')")  
   or die (mysql_error());
   $sql2 = mysql_query("SELECT DISTINCT name FROM todo");
  $todofeed .= ' &lt;ul id = "nav"&gt;';         
  while($row = mysql_fetch_array($sql2))
  {
  $name1 = $row["name"];
  $todofeed.='&lt;li class="title"&gt;&lt;a href="#"&gt;' . $name1 . '&lt;/a&gt;&lt;/li&gt;';
  
  $sql3 = mysql_query("SELECT id, todo FROM todo WHERE name='$name1' ");
  while($row = mysql_fetch_array($sql3))
  {$todo1 = $row["todo"];
  
      $todofeed.='&lt;ul&gt;
      &lt;li id="items"&gt;' . $todo1 . '&lt;/li&gt;
  &lt;/ul&gt;';}}
      $todofeed .= '&lt;/ul&gt;';     
       print "$todofeed";
  
      ?&gt;
      &lt;style type="text/css"&gt;
  
    li#items
      {
     display:none;
    }
       &lt;/style&gt;
        &lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
  
  
  $('ul#nav li#title').click(function() {
   $('li#items').css('display' , 'visible');
  });
  });
         &lt;/script&gt;
  </code></pre>
  
  <p>any way to fix this?</p>