title: jquery onclick not working for append tags
body: <p>I have append <code>&lt;li&gt;</code> tag with close class span tag</p>
  
  <p>HTML code</p>
  
  <pre><code>&lt;ul id="keyword"&gt;
  
  &lt;/ul&gt;
  </code></pre>
  
  <p>jquery</p>
  
  <pre><code>$("#btnadd").click(function() {
                  addkey = document.getElementById("txtaddkey").value;
                  if(addkey!=""){
                  $('#keyword').append('&lt;li&gt;&lt;span&gt;'+addkey+'&lt;/span&gt;&lt;span class=\"amountin\"&gt;&lt;a href=\"#\"&gt;$0.05&lt;/a&gt; $ &lt;input type=\"text\" maxlength=\"5\"/&gt;&lt;/span&gt;&lt;span class=\'close ui-icon \'&gt;&lt;/span&gt;&lt;/li&gt;');
                  $('#txtaddkey').val('');
                  }
              });
      $(".close").click(function (){
                  $(this).parent().remove();  
              });
  </code></pre>
  
  <p>after li append in the ul tag I am try remove the li tag by click close icon but event not working.</p>
  
  <p>Could you please any help me.</p>