title: Does Schema.org markup work if markup is dynamically built with JavaScript?
body: <p>I have a page where some events are dynamically loaded by reading some JSON with JavaScript. I build a <code>div</code> for every event with the <code>Event</code> Schema.org markup.</p>
  
  <p>Google's testing tool doesn't read this markup. Is it because of an error in the markup, or is it because of the dynamic loading?</p>
  
  <p>The HTML code of one <code>Event</code> is:</p>
  
  <pre><code>&lt;div class="evento well" itemscope itemtype="http://schema.org/Event"&gt;
     &lt;meta itemprop="startDate" content="2015-03-20T20:00:00.000Z"&gt;
     &lt;meta itemprop="endDate" content="2015-01-21T20:00:00.000Z"&gt;
     &lt;div class="dataEvento"&gt;
        &lt;div class="dayWeekEvento"&gt;venerdì&lt;/div&gt;
        &lt;div class="dayNumEvento"&gt;20&lt;/div&gt;
        &lt;div class="monthEvento"&gt;Marzo&lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="datiEvento"&gt;
        &lt;div class="oraEvento"&gt;ore 21:00&lt;/div&gt;
        &lt;div class="titoloEvento"&gt;&lt;span itemprop="name"&gt;Titolo evento&lt;/span&gt;&lt;/div&gt;
        &lt;div class="luogoEvento" itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress"&gt;&lt;a href="https://www.google.it/maps/place/Milano" target="_blank"&gt;&lt;span class=" glyphicon glyphicon-map-marker" aria-hidden="true"&gt;&lt;/span&gt; &lt;span itemprop="addressLocality"&gt;Milano&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>