title: Display JSON Data in HTML Table
body: <p>I get the following JSON String from server as response </p>
  
  <pre><code>[{"city":"AMBALA","cStatus":"Y"},{"city":"ASANKHURD","cStatus":"Y"},{"city":"ASSANDH","cStatus":"Y"}]
  </code></pre>
  
  <p>Here is my Jquery Code</p>
  
  <pre><code>$('#search').click(function() {
      alert("submit handler has fired");
      $.ajax({
          type: 'POST',
          url: 'cityResults.htm',
          data: $('#cityDetails').serialize(),
          success: function(data){ 
              alert(data);    
          },
          error: function(jqXHR, textStatus, errorThrown){
              alert('error: ' + textStatus + ': ' + errorThrown);
          }
      });
      return false;//suppress natural form submission
  });
  </code></pre>
  
  <p>The alert shows the JSON String Correctly. Now i want to map this response to my table</p>
  
  <p>say </p>
  
  <p></p>
  
  <p>How can i do that  ??</p>