title: add and remove jquery li element
body: <p>i want to add li elements it´s work fine, but the remove dosen´t work for the new elements. 
  I had three li Elements at the start, for that the remove function work´s.</p>
  
  <p>With my "add" Function i create the Li Elements with the same class, why it doesent work for the new one ?</p>
  
  <p><a href="http://jsfiddle.net/3c96gduL" rel="nofollow">http://jsfiddle.net/3c96gduL</a></p>
  
  <pre><code>$(document).ready(function(){
      $("#add_li").click(function (){
          $("ol").append("&lt;li&gt;" + $("input").val() + "&lt;a href=\"#\" class=\"remove\"&gt;X&lt;/a&gt;&lt;/li&gt;");
      });
      $("#remove_li").click(function(){
          $("li:last").remove();
      });
      $(".remove").click(function(){
          $(this).parents('li').remove();
      });
  
      var log = $('.remove');
      console.log(log);
      console.log(jQuery);    
  
  });
  </code></pre>