title: Selecting Polymer <Content> With JQuery
body: <p>Is it possible to select the content inside of a Polymer <code>&lt;content&gt;</code> tag using JQuery? If not JQuery, are there any other ways?</p>
  
  <pre><code>&lt;link rel="import" href="elements.html"&gt;
  &lt;script src="../bower_components/page/page.js"&gt;&lt;/script&gt;
  &lt;script src="../bower_components/jquery/dist/jquery.js"&gt;&lt;/script&gt;
  
  &lt;dom-module id="jager-pages"&gt;
      &lt;template&gt;
  
          &lt;iron-pages id="pages" attr-for-selected="route"&gt;
              &lt;content id="content"&gt;
                  &lt;!--Render Pages--&gt;
              &lt;/content&gt;
          &lt;/iron-pages&gt;
  
      &lt;/template&gt;
  
  
      &lt;script&gt;
          Polymer({
              ready: function () {
                  var pages = $(this.$.pages);
  
                  //Setup Routing
                  $('[route]', pages).each(function (index, element) {
                      //Each of these elements should have been passed in as content and have a 'route' tag.
                      var route = $(element).getAttribute('route');
                      prompt(index + ': ' + route);
  
                      page(route, function () {
                          console.log('Routing to -&gt; ' + route + '!');
                          $(pages).select(route);
                      });
                  });
  
                  page({
                      hashbang: true
                  });
              }
          });
      &lt;/script&gt;
  &lt;/dom-module&gt;
  </code></pre>
  
  <p>Here is my custom element where I need to make the JQuery(or otherwise) call to loop through the values of the "route" attributes present. </p>
  
  <pre><code>&lt;jager-pages&gt;
      &lt;!--Pages--&gt;
      &lt;section route="/home"&gt;
          &lt;h1&gt;Home!&lt;/h1&gt;
      &lt;/section&gt;
      &lt;section route="/info"&gt;
          &lt;h1&gt;Info!&lt;/h1&gt;
      &lt;/section&gt;
      &lt;section route="/about"&gt;
          &lt;h1&gt;About!&lt;/h1&gt;
      &lt;/section&gt;
  
  &lt;/jager-pages&gt;
  </code></pre>
  
  <p>This is an example of the elements content.</p>
  
  <p>I am able to select and wrap content with $(this.$.content), but $(this.$.content).find('[route]') doesn't return anything at all. It's as if the content was never added or something.</p>