The code is below. I cannot get the link that was added to the <li>blue</li> to be fired after the code is ran. It works fine for Item1 remove me link Any ideas?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script language="javascript" type="text/javascript" src="jquery-1.2.6.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".color").click(function(){ //alert("You are now leaving the site."); //$(this).hide(); //alert($(this).attr("title")); $("#list1").append("<li>"+$(this).attr("title")+"<a href='#' class='removeme'>Remove</a></li>"); return false; }); $(".removeme").click(function() { alert("Remove"); return false; }); }); </script> </head> <body> <ul id="list1"> <li>Item 1 <a href='' class='removeme'>Remove</a></li> <li>Item 2</li> <li>Item 3</li> </ul> <a href="" id="blue" title="blue" class="color">Add</a> </body> </html>
