title: jquery datatable plugin aadata format not displaying the table
body: <p>Iam newbie to jquery. Iam working with jquery datatable plugin . I tried to display the array of aadata with datatable but iam not getting datatable displayed, only empty page i could see.</p>
  
  <p>Can anyone help me where i went wrong?</p>
  
  <p>Below is the code i used.</p>
  
  <pre><code>     $(document).ready(function () {
  
           var Listobj = new Array();
  
           var downloadClick = "&lt;center&gt;&lt;img src='Image/Download.png' style='cursor:pointer' onclick=callDownload('','','','') /&gt;&lt;/center&gt;"
  
           var callPlayVedio = "&lt;center&gt;&lt;img src='Image/Play.png' style='cursor:pointer' onclick=callPlayVedio('','','','') /&gt;&lt;/center&gt;"
  
           $.getJSON("sources/jsondata.json", function (data) {
               var dataobj = $.parseJSON(JSON.stringify(data));
               $.each(dataobj, function (key, val) {
  
                   if (key == "contents") {
                       for (var i = 0, l = val.length; i &lt; l; i++) {
                           var obj = val[i];
                           var auctualSize = ((obj.size) / 1024).toFixed(2) + " kb";
                           Listobj[i] = new Array(obj.key, obj.lastModified, auctualSize, downloadClick, callPlayVedio, "&lt;center&gt;&lt;img src='Image/share.png' style='cursor:pointer;width:16px;height:16px;'/&gt;&lt;/center&gt;");
  
                       }
                   }
  
               });
              TableDisplay(Listobj);
  
           });
       });
  
   &lt;/script&gt;
  
   &lt;script type="text/javascript" charset="utf-8"&gt;
       function TableDisplay(Tablevalues) {
  
           alert("sec"+Tablevalues);
           $('#table_test').html('&lt;table cellpadding="0" cellspacing="0" border="0"   class="display" id="example"&gt;&lt;/table&gt;');
  
           $('#example').dataTable({
               "aaData": Tablevalues,
               "aoColumns": [
                                { "sTitle": "Files" },
                                { "sTitle": "Date and Time" },
                                { "sTitle": "size"},
                                { "sTitle": "Download"},
                                { "sTitle": "Play"},
                                {"sTitle": "share"}]
           });
       };
   &lt;/script&gt;
  </code></pre>
  
  <p>and my json values are</p>
  
  <pre><code>var myjson='[{"isTruncated": "false","nextMarker": "null","marker": "null","prefix":   "Mymedia/mysys/","contents": [{"deviceInfo": "null","lastModified": "Thu Dec 26 16:36:42 IST 2013","etag": "d41d8cd98f00b204e9800998ecf8427e","key":"Mymedia/mysys/audio_$folder$","size": "0"},{"deviceInfo": null,"lastModified": "Thu Dec 26 16:36:11 IST 2013","etag": "d41d8cd98f00b204e9800998ecf8427e","key": "Mymedia/mysys/doc_$folder$","size": "0"},{ "deviceInfo": null,"lastModified": "Thu Dec 26 16:36:20 IST 2013", "etag": "d41d8cd98f00b204e9800998ecf8427e","key": "Mymedia/mysys/imge_$folder$","size": "0"},{"deviceInfo": null,"lastModified": "Thu Dec 26 16:36:56 IST 2013","etag": "d41d8cd98f00b204e9800998ecf8427e","key":"Mymedia/mysys/others_$folder$","size": "0"},{"deviceInfo": null,"lastModified": "Thu Dec 26 16:36:32 IST 2013","etag": "d41d8cd98f00b204e9800998ecf8427e","key": "Mymedia/mysys/video_$folder$","size": "0"}],"name": "name", "statusCode": "200","statusMessage": "Success","error": null}]';
  </code></pre>