title: Get value from data-section based on element ID
body: <p>I'd like to render the section id="zero" data-section <strong>value</strong> in the h2 in my footer section dynamically. Since all of my pages will have different data-section values, I'm hoping we can target the section id="zero". This way I can use only one footer across my site. I am just not versed in javascript or jQuery to properly assign and call. I know there is  document.getElementById('zero') but then getting the value from data-section and having it appear within my H2 I am not clear on.</p>
  
  <pre><code>&lt;section id="zero" class="section-wrap" data-section="Page Name"&gt;&lt;/section&gt;
  
  &lt;section id="footer"&gt;
  &lt;h2&gt;&lt;/h2&gt;
  &lt;/section&gt;
  </code></pre>