title: making json data a clickable link in html
body: <p>I have json data which is displayed on an html page javascript, I was wondering if there was a way to make this information clickable like a link. Anyone know how this would be done? </p>
  
  <p>Here is my json, I want to pick up each name from the json file and make it clickable.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>{
      "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"
          }
      ]
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Code I tried
  
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>$(document).ready(function() {
  
  
      $.getJSON('example.json', function(data) {
           var output = '';
           $.each(data.name, function(key, value) {
                  output += '&lt;a href=' + value.name + '&lt;/a&gt;';
          });
         
          $('#user').html(output);
      });
  });</code></pre>
  </div>
  </div>
  
  
  </p>