title: Event handler not working on dynamic content
body: <p>I have a  tag A in which when clicked on, it appends another tag B to perform an action B on click. So when I click on tag B, action B is performed. However, the <code>.on</code> method does not seems to be working on the dynamically created tag B. </p>
  
  <p>My html and jquery for tag A is as below:</p>
  
  <pre><code>&lt;a id="address" class="add_address btn btn-inverse btn-medium pull-right push-top"&gt;Add Shipping address&lt;/a&gt;
  
  $('.add_address').click(function(){
      //Add another &lt;a&gt;
      $(document).append('&lt;a id="address"  class="pull-right update btn btn-inverse btn-medium push-top"&gt;Update&lt;/a&gt;');
  })
  </code></pre>
  
  <p>When tag B is clicked, some action B is performed. My jquery is as below:</p>
  
  <pre><code>$('.update').on('click',function(){
    //action B
  });
  </code></pre>
  
  <p>I have some non dynamic content which has class ".update" as well. In the <code>.on()</code> method above works fine for the non dynamic content, but not for the dynamic content.</p>
  
  <p>How can I make it work for dynamic content?</p>