title: How do I have an itemprop nested in one itemscope actually be applied to a different itemscope?
body: <p><strong>TL;DR -->  I want an itemprop nested in one itemscope to actually be applied to a different itemscope.</strong>  How do I do that?</p>
  
  <p>Here's a a gist of the code I have (I've removed classes and other extraneous elements on the page to focus on what's important):</p>
  
  <pre><code>&lt;!-- CODE I HAD --&gt;
  
  &lt;div itemscope itemtype="http://schema.org/Product"&gt;
    &lt;div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"&gt;
      &lt;span itemprop="ratingValue"&gt;79&lt;/span&gt;
      &lt;h1 itemprop="name"&gt;Someproductsoandso&lt;/h1&gt;
      &lt;span itemprop="reviewCount"&gt;830&lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;!-- CODE I NOW HAVE --&gt;
  
  &lt;div itemscope itemtype="http://schema.org/Product" itemref="productMicrodata"&gt;
    &lt;div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"&gt;
      &lt;span itemprop="ratingValue"&gt;79&lt;/span&gt;
      &lt;h1 itemprop="name" id="productMicrodata"&gt;Someproductsoandso&lt;/h1&gt;
      &lt;span itemprop="reviewCount"&gt;830&lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Basically, I have a product itemscope with a child aggregateRating.  Inside that aggregateRating scope I have things like the "ratingValue" and "reviewCount" that I want attached to that, but there's also a "name" value that I want attached to the Product (not the aggregateRating, which also can have a "name" value).</p>
  
  <p>With the first chunk of code I used, google said that my product was missing a name, because the name was being applied to the aggregateRating; with the 2nd, the name is now being applied to both the aggregateRating and the Product.  That's not the worst thing, but I'd like it just attached to the aggregateRating; do you know how to solve this without mucking up the current markup organization?</p>