title: Getting the value of a paper-radio-button inside a template
body: <p>I have set up a template that pulls the headers from some data from a JSON file then creates a set of paper-radio-buttons from those headers. When I call this template (in a paper-shadow) I am having trouble capturing the value of the selected paper-radio-button when I click submit (in the paper-shadow).</p>
  
  <p>Here's what is generated in the paper-shadow:</p>
  
  <pre><code>&lt;polymer-element name="add-graphItem"&gt;
      &lt;template&gt;
          &lt;div id="div" layout horizontal&gt;
              &lt;paper-button raised class="colored" self-center&gt;Upload File&lt;/paper-button&gt;
              &lt;paper-input-decorator label="Enter URL for Dataset" floatingLabel error="A URL is required!" flex self-center&gt;
                  &lt;input is="core-input" id="graphSource" required&gt;
              &lt;/paper-input-decorator&gt;
          &lt;/div&gt;
          &lt;div layout horizontal center-justified id="upload-options"&gt; 
              &lt;paper-shadow class="card upload-options-box" z="1"&gt;
                  &lt;core-header-panel flex id="graphHeaderList"&gt;
                      &lt;core-toolbar class="upload-option-header"&gt;
                        &lt;span flex&gt;Variable&lt;/span&gt;
                      &lt;/core-toolbar&gt;
                      &lt;graph-optionsLoadTest&gt;&lt;graph-optionsLoadTest&gt; &lt;!-- this is where I call the paper-radio-button --&gt;
  
              &lt;/core-header-panel&gt;
          &lt;/paper-shadow&gt;
          &lt;paper-shadow class="card upload-options-box" z="1"&gt;
              &lt;core-header-panel flex&gt;
                  &lt;core-toolbar class="upload-option-header top"&gt;
                    &lt;span flex&gt;Transform&lt;/span&gt;
                  &lt;/core-toolbar&gt;
                  &lt;div class="upload-options"&gt;
                      &lt;graph-functionsLoad&gt;&lt;graph-functionsLoad&gt; &lt;!-- I also do another set here but I'm just working on the one for now since they do the same thing --&gt;
                  &lt;/div&gt;
              &lt;/core-header-panel&gt;
          &lt;/paper-shadow&gt;
      &lt;/div&gt;
  
      &lt;paper-button dismissive hover on-tap="{{cancelGraph}}"&gt;Cancel&lt;/paper-button&gt;
      &lt;paper-button affirmative hover on-tap="{{addNewGraph}}"&gt;Submit&lt;/paper-button&gt;
  
  &lt;/template&gt;
  &lt;script&gt;
      Polymer("add-graphItem",{
          addNewGraph: function () {
  
              console.log(this.$.headerValue.selectedItem);
              var hValue = this.$.headerValue.selectedItem;
              console.log(hValue);
          },
  
          cancelGraph: function () {
              this.$.addGraph.toggle();
          },
      })
  &lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <p>And here is the paper-radio-button template:</p>
  
  <pre><code>&lt;link rel="import" href="/static/bower_components/core-ajax/core-ajax.html"&gt;
  
  &lt;polymer-element name="graph-optionsLoadTest"&gt;
      &lt;template&gt;
          &lt;core-ajax auto url="/getDataHeaders"
                 handleAs="json" response="{{headerList}}"&gt;&lt;/core-ajax&gt;
  
          &lt;paper-radio-group id="headerValue"&gt;
              &lt;template repeat="{{h in headerList.headers}}"&gt;
                  &lt;paper-radio-button name='{{h}}' label='{{h}}'&gt;&lt;/paper-radio-button&gt;
              &lt;/template&gt;
          &lt;/paper-radio-group&gt;
  
      &lt;/template&gt;
  
      &lt;script&gt;
  
          Polymer( "graph-optionsLoadTest", {
              headerListChanged: function(oldValue) {
                  console.log(this.headerList);
  
                  // this.headers;
              }
  
          });
  
  
      &lt;/script&gt;
  &lt;/polymer-element&gt;
  </code></pre>
  
  <p>I've tried numerous ways to get the value of the selected paper-radio-group with no success, any help would be appreciated</p>