Jquery .on() not working on dynamic content
<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 .on 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 as below</p>

<pre><code>$('.update').on('click',function(){
  //action B
});
</code></pre>

<p>I have some non dynamic  which has class ".update" as well and the on event above works fine for the non dynamic content, but not for the dynamic content. Any guys can help? Thanks in advance</p>
