I am trying to append the data to each row by column-wise using jquery. I couldn't able to achieve this. My aim is to get data on the table as in the below pic. My fiddle is [here](http://jsfiddle.net/Uq5yC/130/). I would appreciate someone helping me solve this.

[![pic](https://i.stack.imgur.com/psRqO.png)](https://i.stack.imgur.com/psRqO.png)

Jquery:

```
 var el = $('#dbg');
 var row = el.find('tr');
 var column = row.find('td');

 var HtmlData =  LoadData();
 el.html(HtmlData);
 column.html(HtmlData);
 row.append(column);
 el.append(row);

  function LoadData()
     {
     var dmJSON="http://api.railwayapi.com/route/train/12728/apikey/3dacdecg/";
     var html = '<div class="row s12"/>';
        $.ajax({
          url: dmJSON,
          dataType: 'json',
          async: false,
          data: {},
          success: function(data) {
          $.each(data.route, function(key, value) {    

       html += '<div >' + value.no + "</div>" + "</div>" 

            });

       }

```