title: How to display multidimensional array of json string in a table
body: <p>I passed data fetched from database via ajax to be displayed in the html page. I managed to pass it in a multidimensional array from php script. Now I get the json string but I'm unsure on how to properly display the output in a html table.</p>
  
  <p>Script</p>
  
  <pre><code>$("#submit").on("click",function()
      {
  
            $("#set_setting").submit(function(){            
  
              data = $(this).serialize()
              $.ajax({
                type: "POST",
                dataType: "html",
                url: "submit_setting.php", //Relative or absolute path to response.php file
                data: data,
                success: function(data) {
                    alert(data);
                //hide the form
                $("#set_setting").slideUp("slow");
                //show the result
               /* for (i = 0; i &lt; data.length; i++) {
                    console.log(data);
                    $(".the-return").html(data);
                }*/
  
                console.log(data);
                  $(".the-return").html(data);
  
                }
  
              });
              return false;
  
            });
  
          });
  </code></pre>
  
  <p>php script</p>
  
  <pre><code>$json=array();
  array_push($json,array("type"=&gt;$carType,"maker"=&gt;$carMaker));
  echo json_encode($json);
  </code></pre>
  
  <p>Output of data</p>
  
  <pre><code>HondaHonda maker[{"type":["flying car","3 wheleer","weird car","miracle car","tata car","see car","star car","mn car","jkcar","car test","ting","Honda"],"maker":["test maker","diamond car","ruby car","dont know car","titi car","saw car","moon car","ty car","ty car","car maker test","ting maker","Honda maker"]}]
  </code></pre>
  
  <p>How do I display this json string in html table?</p>