title: how can we set table footer values dynamically using jQuery
body: <p>I need to dynamically populate a table footer from a JSON data source. Here is the struture of the table</p>
  
  <pre><code>&lt;table  id="example_table"&gt;
  &lt;tfoot id="example_footer"&gt;
  &lt;tr id="example-footer" style="font-weight:bold"&gt;
  &lt;th&gt;&lt;/th&gt;
  &lt;th&gt;&lt;/th&gt;
  &lt;th&gt;&lt;/th&gt;
  &lt;th&gt;&lt;/th&gt;                                           
  &lt;th&gt;&lt;/th&gt;
  &lt;/tr&gt;
  &lt;/tfoot&gt;  
  &lt;/table&gt;
  </code></pre>
  
  <p>I m planning to use the append() in jQuery as in the below fashion </p>
  
  <pre><code>$('#example_footer').append( '&lt;tr&gt;...&lt;/tr&gt;' );
  </code></pre>
  
  <p>can anyone tell me how to access the tfooter and assign value form a js variable as it's content</p>