not able to access json data

not able to access json data

HI,

i am not able to access the json data through query. Please let me know why.. i have tried so may ways.

below is my script:

  1. $(document).ready(
  2.    function () {
  3.    $.getJSON("new.json",function(data)
  4.    {
  5.   var html = "";
  6.   alert(data[0].content[1].css);
  7.   for(var i=0,size=data.length;i<size;i++){
  8.   alert("pallavi" +data.length);
  9.   html += '<div class='+data[0].content[i].css+' id='+data[0].content[i].id+'></div>';
  10.   }
  11.   $('#clickCall').append(html);
  12.    });
  13.    }); 

below is my json:

  1.  [
  2.   {
  3.   {
  4.          "content": [
  5.          {
  6.              "content": [
  7.                  {
  8.                      "content": [
  9.                         {
  10.                             "content": {
  11.                                 "attrs": {
  12.                                     "alt": "",
  13.                                     "src": "../images/callnow.png"
  14.                                 },
  15.                                 "type": "img"
  16.                             }
  17.                         },
  18.                         {
  19.                             "content": {
  20.                                 "content": {
  21.                                     "text": "Call"
  22.                                 },
  23.                                 "css": "labelBox1",
  24.                                 "type": "h3"
  25.                             }
  26.                         },
  27.                         {
  28.                             "content": {
  29.                                 "content": {
  30.                                     "text": "Talk us now or later. You can also share screens with an advisor."
  31.                                 },
  32.                                 "type": "p"
  33.                             }
  34.                         }
  35.                     ],
  36.                     "css": "box2",
  37.                     "id": "box2"
  38.                 },
  39.                 {
  40.                     "content": [
  41.                         {
  42.                             "content": {
  43.                                 "attrs": {
  44.                                     "alt": "",
  45.                                     "src": "../common/images/service.jpg"
  46.                                 },
  47.                                 "css": "box3img",
  48.                                 "type": "img"
  49.                             }
  50.                         },
  51.                         {
  52.                             "content": {
  53.                                 "content": {
  54.                                     "text": " Take in for Service"
  55.                                 },
  56.                                 "css": "labelBox2",
  57.                                 "type": "h3"
  58.                             }
  59.                         },
  60.                         {
  61.                             "content": {
  62.                                 "content": {
  63.                                     "text": "Find a local Apple Authorized Service Provider or make an reservation at the Genius Bar. "
  64.                                 },
  65.                                 "type": "p"
  66.                             }
  67.                         }
  68.                     ],
  69.                     "css": "box3"
  70.                 },
  71.                 {
  72.                     "content": [
  73.                         {
  74.                             "content": {
  75.                                 "attrs": {
  76.                                     "alt": "",
  77.                                     "src": "../images/icon_carrier.png"
  78.                                 },
  79.                                 "type": "img"
  80.                             }
  81.                         },
  82.                         {
  83.                             "content": {
  84.                                 "content": {
  85.                                     "text": "Contact Carrier"
  86.                                 },
  87.                                 "css": "labelBox3",
  88.                                 "type": "h3"
  89.                             }
  90.                         },
  91.                         {
  92.                             "content": {
  93.                                 "content": {
  94.                                     "text": "Temper incididunt ut labore et dolore magna eliqua"
  95.                                 },
  96.                                 "type": "p"
  97.                             }
  98.                         }
  99.                     ],
  100.                     "css": "box4"
  101.                 }
  102.             ],
  103.             "css": "wrapperbox1",
  104.             "id": "clickCall"
  105.     }
  106.     ]
  107.    
  108.     }
  109.     }
  110. ]
Thanks!