title: jquery find text of nearest span with a certain class
body: <p>I'm trying to find the text of a span that is close to a div that I clicked. Right now, I'm getting nothing in console.log.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="section group"&gt;
          &lt;div class="col2 span_1_of_2 photo"&gt;
              &lt;img class="person" src="img/mobile/Bill.jpg" /&gt;
          &lt;/div&gt;
          &lt;div class="col2 span_1_of_2 details last"&gt;
              &lt;div class="quote"&gt;&amp;quot;When in the course of human events...&amp;quot;&lt;/div&gt;
              &lt;div class="attribution"&gt;&lt;span class="person_name"&gt;Bill&lt;/span&gt;, &lt;span class="person_age"&gt;89&lt;/span&gt; &lt;span class="person_where"&gt;&lt;/span&gt;&lt;/div&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>jquery:</p>
  
  <pre><code>$('.person').on('click', function() {
          //get name
          var person_name = $(this).closest('.person_name').text();
          console.log(person_name); //returns nothing
  });
  </code></pre>
  
  <p>I haven't seen exactly this question before. Does anyone know what I'm doing wrong, please?</p>