title: JQuery get content of span
body: <p>I'm trying to get the content of a span when a button is clicked.  This is the html:</p>
  
  <pre><code>&lt;div class="multiple-result"&gt;
  &lt;button class="select-location" id="168"&gt;Select&lt;/button&gt;
  &lt;span&gt;Athens, Greece&lt;/span&gt;
  &lt;/div&gt;
  
  &lt;div class="multiple-result"&gt;
  &lt;button class="select-location" id="102"&gt;Select&lt;/button&gt;
  &lt;span&gt;Athens, Georgia, USA&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm trying to get it so that when the button is clicked it will get the value of the span.  This is what I'm using:</p>
  
  <pre><code>$('button.select-location').live('click', function(event){
  
    // set the span value
    var span_val = $(this).parent("span").html();
  
    alert('selecting...' + span_val);
  
  });
  </code></pre>
  
  <p>But the alert is always showing: selecting... null</p>