title: How to get values from nested JSON object using jquery?
body: <p>I'm trying to create an ajax search using jquery by calling a JSON object. Currently, I'm able to iterate results from an object formatted as follows:</p>
  
  <pre><code>[{
      "ID": "4207b2d5b8994bd8a19c28815c07663d",
      "position": 1,
      "voteUpCount": 16,
      "voteDownCount": 32,
      "categories": [{
          "position": 1,
          "category": "7d435c8a70f7447ea03d4cbba11f4686"
      }],
      "keywords": [
          "key-word"
      ],
      "title": "This is a title",
      "body": "&lt;p&gt;this is description&lt;/p&gt;",
      "outdated": false,
      "slug": "this-is-an-article",
      "views": 0,
      "labelName": [
          ""
      ],
      "locale": "gb",
      "storeName": "mystore",
      "id": 4207
  },{
      "ID": "4207b2d5b8994bd8a19c28815c07663d",
      "position": 1,
      "voteUpCount": 16,
      "voteDownCount": 32,
      "categories": [{
          "position": 1,
          "category": "7d435c8a70f7447ea03d4cbba11f4686"
      }],
      "keywords": [
          "key-word"
      ],
      "title": "This is a title",
      "body": "&lt;p&gt;this is description&lt;/p&gt;",
      "outdated": false,
      "slug": "this-is-an-article",
      "views": 0,
      "labelName": [
          ""
      ],
      "locale": "gb",
      "storeName": "mystore",
      "id": 4207
  } ]
  </code></pre>
  
  <p>I can build my results using the following:</p>
  
  <pre><code>$.each(data, function(key, value){
          article_data += '&lt;div class="faq-item" data-artcile&gt;&lt;a href="#"&gt;'+ value.title +'&lt;/a&gt;&lt;i class="fa fa-chevron-down"&gt;&lt;/i&gt;&lt;/div&gt;'; 
          article_data += '&lt;div class="faq-answer"&gt;'+ value.body +'&lt;/div&gt;';
      });
  </code></pre>
  
  <p>The problem I have is that my production JSON object comes in wrapped in a response, like this:</p>
  
  <pre><code>    {
      "response": [{
      "ID": "4207b2d5b8994bd8a19c28815c07663d",
      "position": 1,
      "voteUpCount": 16,
      "voteDownCount": 32,
      "categories": [{
          "position": 1,
          "category": "7d435c8a70f7447ea03d4cbba11f4686"
      }],
      "keywords": [
          "key-word"
      ],
      "title": "This is a title",
      "body": "&lt;p&gt;this is description&lt;/p&gt;",
      "outdated": false,
      "slug": "this-is-an-article",
      "views": 0,
      "labelName": [
          ""
      ],
      "locale": "gb",
      "storeName": "mystore",
      "id": 4207
  },{
      "ID": "4207b2d5b8994bd8a19c28815c07663d",
      "position": 1,
      "voteUpCount": 16,
      "voteDownCount": 32,
      "categories": [{
          "position": 1,
          "category": "7d435c8a70f7447ea03d4cbba11f4686"
      }],
      "keywords": [
          "key-word"
      ],
      "title": "This is a title",
      "body": "&lt;p&gt;this is description&lt;/p&gt;",
      "outdated": false,
      "slug": "this-is-an-article",
      "views": 0,
      "labelName": [
          ""
      ],
      "locale": "gb",
      "storeName": "mystore",
      "id": 4207
  } ],
      "http_code": 200
  }
  </code></pre>
  
  <p>So the code I'm using to build my resulting HTML doesn't work, cause it can't find the KEYS I'm targeting in my loop.</p>
  
  <p>The question is: <strong>How can I iterate through this wrapped object correctly?</strong></p>
  
  <p>I have tried using, for example, this format without success</p>
  
  <pre><code>value.response.title
  </code></pre>
  
  <p>Any help would be appreciated.</p>