title: jQuery with json displaying in a list
body: <p>How do I display json data in a list using jQuery?</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-js lang-js prettyprint-override"><code>$(document).ready(function() {
  
  
   $.getJSON('example.json', function(data) {
  
       $.each(data.example, function(key, value) {
                 
                 var output="";
                  output="&lt;li&gt;" + data.example[key].name + "&lt;/li&gt;";
  
                  $('#example').append(output);
                  
      });
  
        });
            }</code></pre>
  </div>
  </div>
  </p>
  
  <p>This doesn't seem to display anything.</p>