title: Link `isRelated` schema.org to parent `Product` when not contained in child element
body: <p>I'm trying to indicate multiple related products on a product page using schema.org microdata. But the child products are orphaned because they are not contained in the parent div. I tried using <code>itemref</code> but I must be using it incorrectly or it must be the wrong solution.</p>
  
  <p>ALSO, I cannot easily create a wrapper div or use the <code>body</code> element to create the parent. My ideal solution would be one that leaves the page structure as-is, and somehow links the "child product" divs to the parent. I thought <code>itemref</code> would do that, but it doesn't appear to be working.</p>
  
  <p>Here is example HTML.</p>
  
  <pre><code>&lt;div id="main-product" itemscope itemtype="http://schema.org/Product"&gt;
  
    &lt;div class="product-name"&gt;
        &lt;h1 itemprop="name"&gt;Main Product&lt;/h1&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- END main-product div --&gt;
  &lt;!-- START related-products div --&gt;
  &lt;div class="related-products"&gt;
  &lt;ol class="products-list" id="related-products-list"&gt;
    &lt;li class="item"&gt;
      &lt;div class="product" itemprop="isRelatedTo" itemscope itemtype="http://schema.org/Product" itemref="main-product"&gt;
        &lt;p class="product-name"&gt;&lt;a itemprop="url" href="/some_product1.php"&gt;&lt;span itemprop="name"&gt;Some Product 1&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;                
      &lt;/div&gt;
    &lt;/li&gt;
    &lt;li class="item"&gt;
      &lt;div class="product" itemprop="isRelatedTo" itemscope itemtype="http://schema.org/Product" itemref="main-product"&gt;
        &lt;p class="product-name"&gt;&lt;a itemprop="url" href="/some_product2.php"&gt;&lt;span itemprop="name"&gt;Some Product 2&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;                
      &lt;/div&gt;
     &lt;/li&gt;
  &lt;/ol&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The above HTML is simplified, but similar in structure to what's on my site and gives similar errors when submitted to validators.</p>
  
  <p>E.g. <a href="http://webmaster.yandex.com/microtest.xml" rel="nofollow">http://webmaster.yandex.com/microtest.xml</a></p>
  
  <p>Gives:</p>
  
  <pre><code>microdata
  ERROR: unable to determine affiliation of these fields. There are two possible reasons: this fields are incorrectly placed or an orphan itemprop attribute is indicated
  itemType = orphans
  isrelatedto
  product
  itemType = http://schema.org/Product
  url
  href = /some_product1.php
  text = Some Product 1
  name = Some Product 1
  isrelatedto
  product
  itemType = http://schema.org/Product
  url
  href = /some_product2.php
  text = Some Product 2
  name = Some Product 2
  
  product
  itemType = http://schema.org/Product
  name = Main Product
  </code></pre>
  
  <p>The <a href="http://www.google.com/webmasters/tools/richsnippets?q=uploaded:8004ecc4050e256c9b52a383b5bb5874" rel="nofollow">Google validator</a> does not seem to show any errors, but the child products are not related to the parent product.</p>