title: show html table inside tabs
body: <p><strong>FULL Code here:</strong> <a href="https://jsfiddle.net/zw9sy5ew/2/" rel="nofollow noreferrer">https://jsfiddle.net/zw9sy5ew/2/</a></p>
  
  <p>this code will generate two tables based on JSON keys,.</p>
  
  <p>How do i create <strong>Jquery tabs</strong> and put the first table in one tab and the other table in another tab</p>
  
  <pre><code>$.each(data.user, function(key, value) {
      var row = $("&lt;tr/&gt;");
      if ($('table#main_table_' + value.id).length)
          table = $("#main_table_" + value.id);
      else
          table = $('&lt;table&gt;&lt;/table&gt;');
          table.attr('id', 'main_table_' + value.id);
          row.append($("&lt;td/&gt;").text(value.name));
          row.append($("&lt;td/&gt;").text(value.id));
          table.append(row);
          $("#list_table_json").append(table);
          $("#list_table_json").append("&lt;br&gt;");
  });
  </code></pre>