title: API data not being listed. What am I doing wrong in this code?
body: <p>So I have this simple html test page to test out some code that uses jquery to fetch API in json format and then the jquery lists the data by updating the html, but the data does not list. API link works fine. Data should list hundreds of returned data. What am I missing. </p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
  &lt;link rel="stylesheet" href="../css/screen.css" type="text/css"     media="screen, projection" /&gt;
  &lt;link rel="stylesheet" href="../css/print.css" type="text/css" media="print" /&gt;
  &lt;!--[if IE]&gt;&lt;link rel="stylesheet" href="../css/ie.css" type="text/css" media="screen, projection"&gt;&lt;![endif]--&gt;
  &lt;link href="../css/highlight.css" rel="stylesheet" type="text/css" media="screen" /&gt;
  &lt;script src="https://code.jquery.com/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  /* &lt;![CDATA[ */
  $(document).ready(function(){
  $.getJSON("https://coinmap.org/api/v1/venues/",function(data){
      $.each(data.post, function(i,post){
          content += '&lt;p&gt;' + post.id + '&lt;/p&gt;';
          content += '&lt;p' + post.name+ '&lt;/p&gt;';
          content += '&lt;br/&gt;';
          $(content).appendTo("#posts");
      });
  });   
  });
  /* ]]&gt; */
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="container"&gt;
              &lt;div class="span-24"&gt;
                     &lt;h2&gt;Check out the following posts:&lt;/h2&gt;
                      &lt;div id="posts"&gt;&lt;/div&gt;
              &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>