title: Find closest span text?
body: <p>I feel like this would be simple enough, but I'm clearly missing something. When clicking an "X" icon for each panel-title, I need to capture that title, like "CUSTOMER" for example. Maybe it's because my span is in another A tag? I need to know the name on the panel-title so I can tell the database which attribute to remove. Thanks in advance. </p>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>$('.fa-times').click(function(){
      //alert('Delete this panel-title')
      alert($(this).closest('span.jumpScreen').text())
  })
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;h4 class="panel-title"&gt;
      &lt;a class="accordion-toggle pad" data-toggle="collapse" data-parent="#accordion2" href="#collapse_0"&gt;
          &lt;i class="fa fa-chevron-down disabledArrow"&gt;&amp;darr;&lt;/i&gt;
      &lt;/a&gt;
      &lt;a href="" target="_blank"&gt;
          &lt;span class="jumpScreen"&gt;CUSTOMER&lt;/span&gt;
      &lt;/a&gt;
      &lt;a class="attrDel" onclick="attrDel(this.id)" id="del_0"&gt;
          &amp;nbsp;&lt;i class="fa fa-times"&gt;X&lt;/i&gt;
      &lt;/a&gt;
  &lt;/h4&gt;
  &lt;h4 class="panel-title"&gt;
      &lt;a class="accordion-toggle pad" data-toggle="collapse" data-parent="#accordion2" href="#collapse_0"&gt;
          &lt;i class="fa fa-chevron-down disabledArrow"&gt;&amp;darr;&lt;/i&gt;
      &lt;/a&gt;
      &lt;a href="" target="_blank"&gt;
          &lt;span class="jumpScreen"&gt;ATTRIBUTES&lt;/span&gt;
      &lt;/a&gt;
      &lt;a class="attrDel" onclick="attrDel(this.id)" id="del_0"&gt;
          &amp;nbsp;&lt;i class="fa fa-times"&gt;X&lt;/i&gt;
      &lt;/a&gt;
  &lt;/h4&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/4jwao0pt/" rel="nofollow">http://jsfiddle.net/4jwao0pt/</a></p>