title: Display JSON string Data in HTML Table
body: <p>I get the following JSON String from server as response
  <a href="http://i.stack.imgur.com/oogFA.png" rel="nofollow">enter image description here</a>
  Here is my Jquery Code</p>
  
  <pre><code>function loadCategories() {
          $.ajax({
              type: "POST",
              url: "/Services/ControllerService.asmx/Get",
              data: {},
              cache: false,
              contentType: "application/json; charset=utf-8",
              dataType: "json",
              success: function (result) {
                  var jsonArray = JSON.parse(result.d);
  
                  alert(jsonArray);
  
  
  
  
              }, error: function (msg) {
                  alert('Error : while executing the outlets : ' + msg.responseText);
              }
          });
      }
  </code></pre>
  
  <p>The alert shows the JSON String Correctly. Now i want to map this response to an html table showing columns "a" and "b"</p>
  
  <pre><code>  a        -             b
  </code></pre>
  
  <p>hasOtherInfo        Undergratuate_in_Computing_Faculty</p>
  
  <p>How can i do that ??</p>