title: After adding a new element in the DOM, the element does not recognize old script
body: <p>I have a problem.After adding a new element in the DOM, the element does not recognize old script and the same function that was in this document, how to solve this problem? how to reload the script</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;test&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id='content'&gt;Content.....&lt;/div&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" &gt;&lt;/script&gt;
  &lt;script src='js/script.js' type='text/javascript'&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  
  
  
  
  //          script.js         //
  
  $('#content').click(function(){
      $('body').append('&lt;div id="apended"&gt;Click me!&lt;/div&gt;');
  });
  
  
  $('#apended').click(function(){
      alert('click!');
  });
  </code></pre>