title: Get all text from particular element(s)
body: <p>If I have the following</p>
  
  <pre><code>var url = this.data;
  $.get(url, {}, function(data){
      alert(data);
  
  
  });
  </code></pre>
  
  <p>I'm successfully able to iterate through and alert the following:</p>
  
  <pre><code>&lt;a href="javascript:void(0)" id="arboretum-smith" class="bullet" rel="251-195"&gt;&amp;nbsp;&lt;/a&gt; 
      &lt;div class="popup" id="arboretum-smith-box"&gt; 
          &lt;h3&gt;Title 1&lt;/h3&gt; 
          &lt;div class="popupcontent"&gt; 
              &lt;p&gt;Description text to go here.&lt;/p&gt; 
          &lt;/div&gt;
          &lt;a class="close" href="javascript:void(0)"&gt;Close&lt;/a&gt; 
      &lt;/div&gt; 
  
  &lt;a href="javascript:void(0)" id="old-well" class="bullet" rel="251-245"&gt;&amp;nbsp;&lt;/a&gt; 
      &lt;div class="popup" id="old-well-box"&gt; 
          &lt;h3&gt;Title 2&lt;/h3&gt; 
          &lt;div class="popupcontent"&gt; 
              &lt;p&gt;Description text to go here.&lt;/p&gt; 
          &lt;/div&gt;
          &lt;a class="close" href="javascript:void(0)"&gt;Close&lt;/a&gt; 
      &lt;/div&gt; 
  
  &lt;a href="javascript:void(0)" id="bell-tower" class="bullet" rel="100-100"&gt;&amp;nbsp;&lt;/a&gt; 
      &lt;div class="popup" id="bell-tower-box"&gt; 
          &lt;h3&gt;Title 3&lt;/h3&gt; 
          &lt;div class="popupcontent"&gt; 
              &lt;p&gt;Description text to go here.&lt;/p&gt; 
          &lt;/div&gt;
          &lt;a class="close" href="javascript:void(0)"&gt;Close&lt;/a&gt; 
      &lt;/div&gt;
  </code></pre>
  
  <p>However what I want to do is get the text between the <code>&lt;h3&gt;&lt;/h3&gt;'s</code> Eg. Title 1, Title 2 etc. What is the best way to go about this?</p>