title: Jquery - Select a span's content inside of a specific div
body: <p>I am trying to select the content inside of a div but the CMS I am using adds this span inside of my div and so now I am not sure how to select the content inside of it. That span is used a couple times throughout the page. So I need to specifically select the one inside of this div.</p>
  
  <p>This is the HTML.</p>
  
  <pre><code>&lt;div id="emailAddress"&gt;&lt;span merge-tag="{{user.email}}"&gt;CONTENT HERE IS WHAT THE VARIABLE SHOULD BE SET TO&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And I want to set it as the variable "emailAddress". So here is the full JQuery. Basically I am just showing/hiding content based on what my CMS puts in the div and span above.</p>
  
  <pre><code>var emailAddress = ????????????;
  
   $(document).ready(function() {
  
      if (emailAddress == 'email1@email.com') {
          $('#section1').show();
      } 
  
      else if (emailAddress == 'email2@email.com') {
          $('#section2').show();
      } 
  
      else if (emailAddress == 'email3@email.com') {
          $('#section3').show();
      } 
  
      else {
          $('#default-content').show();
      }
  });
  </code></pre>