title: Google API - Object.defineProperty called on non-object
body: <p>I am very new to using APIs, I am trying to return a value for an image search.<a href="http://codepen.io/TheCodingSmith/pen/WjMaVd?editors=1010" rel="nofollow noreferrer">Codepen Link</a></p>
  
  <p>I am trying to get the value of <code>thumbnailLink</code> in the array setup like this: </p>
  
  <pre><code>{
   "items": [
    {
     "image": {
  
      "thumbnailLink": "https://......"
  </code></pre>
  
  <p><a href="https://www.googleapis.com/customsearch/v1?key=AIzaSyCa8fDiJvEU6G3gYF9wQJiRRVp0eOXajGg&amp;cx=006271532646749467732:ui1nmvdw2ba&amp;searchType=image&amp;q=test" rel="nofollow noreferrer">Link to Array</a></p>
  
  <p>This is my JavaScript</p>
  
  <pre><code>  $.getJSON(
      "https://www.googleapis.com/customsearch/v1?key=AIzaSyCa8fDiJvEU6G3gYF9wQJiRRVp0eOXajGg&amp;cx=006271532646749467732:ui1nmvdw2ba&amp;searchType=image&amp;q=" +
        image,
      function(google) {
        var html = "";
        var theImage = $.data(google.items[0].image.thumbnailLink);
  
        $("#test");
        google.forEach(function(val) {
          var keys = Object.keys(val);
          html += "&lt;img src=";
          keys.forEach(function(key) {
            html += theImage;
          });
          html += "&gt;";
        });
      }
    );
  },
  </code></pre>
  
  <p>It is not returning anything, and giving me this error in the console. </p>
  
  <pre><code>Uncaught TypeError: Object.defineProperty called on non-object
  </code></pre>