title: HTML5 Microdata - itemref to another itemscope (Person works for Organization)
body: <p>The website of an organization, say "Sun Industries", would like to add a list of employees. The address and contact information of the organization is already present at the webpage, but the list of employees would be somewhere else.</p>
  
  <p>So we have</p>
  
  <pre><code>&lt;div id="organization" itemscope itemtype="http://schema.org/Organization"&gt;
    &lt;span itemprop="name"&gt;Sun Industries&lt;/span&gt;,
    &lt;span itemprop="location" itemscope itemtype="http://schema.org/Place"&gt;
      &lt;span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"&gt;
        &lt;span itemprop="streetAddress"&gt;Technologies Street 42&lt;/span&gt;,
        &lt;span itemprop="addressLocality"&gt;Venustown&lt;/span&gt;
        &lt;span itemprop="postalCode"&gt;98765&lt;/span&gt;
      &lt;/span&gt;
    &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and later on in the HTML5 code we will have</p>
  
  <pre><code>&lt;div id="employee-1" itemscope itemtype="http://schema.org/Person"&gt;
    &lt;span itemprop="name"&gt;John Doe&lt;/span&gt;,
    &lt;span itemprop="jobTitle"&gt;Sales Manager&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <h2>How do we link the two objects "organization" and "employee-1" together?</h2>
  
  <p>I tried to add the following child to the "employee-1" object</p>
  
  <pre><code>&lt;meta itemprop="worksFor" itemscope itemtype="http://schema.org/Organization" itemref="organization"&gt;
  </code></pre>
  
  <p>but that did not work (at least not in Google's Structured Data Testing Tool).</p>
  
  <h2>How can I use the microdata property <code>itemref</code> correctly in this case?</h2>
  
  <p>Just to be clear, I also tried the following:</p>
  
  <ul>
  <li>Add <code>itemprop="worksFor"</code> to the "organization" object.</li>
  <li>Add <code>itemref="organization"</code> to the "employee" object.</li>
  </ul>
  
  <p>So</p>
  
  <pre><code>&lt;div id="organization" itemprop="worksFor" itemscope itemtype="http://schema.org/Organization"&gt;
    &lt;span itemprop="name"&gt;Sun Industries&lt;/span&gt;,
    ...
  &lt;/div&gt;
  ...
  &lt;div id="employee-1" itemscope itemtype="http://schema.org/Person" itemref="organization"&gt;
    &lt;span itemprop="name"&gt;John Doe&lt;/span&gt;,
    &lt;span itemprop="jobTitle"&gt;Sales Manager&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but that gave me a <code>Warning: Page contains property "worksfor" which is not part of the schema.</code> for the "organization" object.</p>