title: how to append jquery ajax (json) to table
body: <p>i have a ajax call that retreives data and its success portion looks like this:</p>
  
  <pre><code>success: function(data) 
  {               
  $("table.table").append("&lt;tr&gt;&lt;td&gt;" + data.member_id + "&lt;/td&gt;&lt;td&gt;" + data.comment + "&lt;/td&gt;&lt;/tr&gt;");
  }
  </code></pre>
  
  <p>the data variable is holding this data</p>
  
  <pre><code>[{"member_id":"2","comment":"kkk"},{"member_id":"1","comment":"this is admin 2"},{"member_id":"2","comment":"kkk"},{"member_id":"1","comment":"this is admin"}]
  </code></pre>
  
  <p>but the problem im getting is that the table td's contain undefined text. how do i fix this? </p>
  
  <p>the hardcoded table looks like this:</p>
  
  <pre><code>&lt;table class="table"&gt;&lt;/table&gt;
  </code></pre>