title: jQuery to loop through dynamically created elements with the same class
body: <p>I have no. of div which is created dynamically in button click.</p>
  
  <pre><code>&lt;table&gt;
     &lt;tbody id="ProductDetail"&gt;&lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>In button click, some no. of div are created with Amount value.</p>
  
  <pre><code>funtion createDiv(){
    $("#ProductDetail").append("&lt;tr&gt;&lt;td &gt;&lt;div class='Amount'&gt;"+Amount+"&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;");
  }
  </code></pre>
  
  <p>I want to loop through these dynamically created div to get Amount values in jquery.I tried below code. But its not iterating loop.</p>
  
  <pre><code>function calculateAmount(){
      $('.Amount').each(function (i, obj) {
           TotalAmountValue=TotalAmountValue+$(this).html();
      });
  }
  </code></pre>
  
  <p>Please anybody help me.</p>