title: Loop and display json data
body: <p>How do I loop the json data and display using <strong>qtip</strong>? </p>
  
  <pre><code> elements: {
      "nodes": [
              {
              "data": {
                  "id": "a2345",
                  "name" : "b1234"
                  "type": "test", 
                  }
              },
              {
              "data": {
                  "id": "a212",
                  "name" : "c34"
                  "description": "hellooo", 
                  }
              },
       ],
       },
  });
  
  
  cy.nodes().qtip({
      content:function(){     
              return ' id: '+ this.data('id') 
              +' name: '+ this.data('name')  
              + ' type: '+ this.data('type') 
              + ' description: '+ this.data('description')
      },
  
  });
  </code></pre>
  
  <p>Current output:</p>
  
  <blockquote>
    <p>node1 - id: a2345, name: b1234, type: test, description: undefined</p>
    
    <p>node2-  id: a212, name : c34, type: undefined, description: hellooo</p>
  </blockquote>
  
  <p>Expected output:</p>
  
  <blockquote>
    <p>node1 - id: a2345, name: b1234, type: test   </p>
    
    <p>node2 -  id: a212, name :c34, description: hellooo</p>
  </blockquote>
  
  <p>Any help is appreciated. Thank you!</p>