What is the best way to display json information in html, I have tried the following but it doesn't seem to work.

My code

```html
  $.getJSON('example.json', function(data) {
         var html = '';
         $.each(data.example, function(key, value) {

   html += '<p> Name:' + value.name + '</p>';

   html += '<p> Email:' + value.email + '</p>'

               });

       $('#example').append(html);
    });
});
```

My json

```html
{
    "example": [
        {
          "name": "Dr. Sammie Boyer",
          "email": "Lavonne.Kiehn@hotmail.com"
        },
        {
          "name": "Eladio Beier",
          "email": "Lavonne.Kiehn@hotmail.com"
        },
        {
          "name": "Hilton Borer",
          "email": "Reva.Goyette@yahoo.com"
        }
    ]
}
```