title: Update html table according to ajax json response
body: <p>i have a JSON response like below </p>
  
  <pre><code>{
     "Parent": "skystar",
     "Children": [
       {"Name":"MW"},
       {"Name":"PR"},
       {"Name":"PV"},
       {"Name":"ST"}
     ]
  },
  {
         "Parent": "RR",
         "Children": [
           {"Name":"RC"},
           {"Name":"RP"}
         ]
      }
  </code></pre>
  
  <p>Now i need to bind this to the table.</p>
  
  <p>i tried to call AJAX like below</p>
  
  <pre><code>$.ajax({
      url: 'echo/sample.json/',
      success: function (response) {
          var trHTML = '';
          $.each(response, function (i, item) {
              trHTML += '&lt;tr&gt;&lt;td&gt;' + item.Children + '&lt;/td&gt;';
          });
          $('#records_table').append(trHTML);
      }
  });
  </code></pre>
  
  <p>But i am not able to bind the table</p>
  
  <p>what i am doing wrong??</p>
  
  <p><a href="http://jsfiddle.net/tqyn3/335/" rel="nofollow"><strong>JSFIDDLE</strong></a></p>
  
  <p><strong>one more thing every children has hypher link how to add it</strong></p>
  
  <p>How to do that in Jquery or javascript??</p>
  
  <p>Any help??</p>