title: Jquery for getting values of h2 tags
body: <p>I have the following HTML</p>
  
  <pre><code>//banner + page title for the About Us page..
  &lt;div id="pageSpecificBanners"&gt;&lt;h2 class="page-Title"&gt;about us&lt;/h2&gt;&lt;/div&gt;
  
  //banner + page title for the Practices page..
  &lt;div id="pageSpecificBanners"&gt;&lt;h2 class="page-Title"&gt;practices&lt;/h2&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How would i go about getting the value of the h2 tags for each of the pages in jquery...</p>
  
  <p>so that  if the value of h2 tag is equal to "about us" I would like to append another  tag to the "pageSpecificBanners" div like so:</p>
  
  <pre><code>$('div#PageSpecificBanners').append('&lt;h2 class="printOnlyPage-Title"&gt;about us&lt;/h2&gt;');
  </code></pre>
  
  <p>then equally if the value of the H2 tag is equal to "practices", I would like to append another  tag to the "pageSpecifiBanner" div like so:</p>
  
  <pre><code>$('div#PageSpecificBanners').append('&lt;h2 class="printOnlyPage-Title2"&gt;practices');
  </code></pre>
  
  <p>Essentially I want to add additional h2 tags for print Only purposes...</p>
  
  <p>Many thanks,</p>