title: Get text of parent's parent?
body: <p>I have the following code in jQuery Mobile :</p>
  
  <pre><code>&lt;ul data-role="listview" data-theme="d" id="#listview" data-divider-theme="d"&gt;
      &lt;li data-role="list-divider" class="name"&gt;Mr. Sam&lt;/li&gt;
              &lt;li data-icon="false" class="details"&gt;
                         &lt;a onclick="getInfo()"&gt;
  </code></pre>
  
  <p>And on my <code>onclick</code>, I want to access the <code>Mr. Sam</code>. Here's the following code I'm trying in the JS:</p>
  
  <p><code>var info = $(this).parent().parent().text();</code> </p>
  
  <p>Because, I'm clicking on <code>&lt;a&gt;</code>, it's parent is <code>&lt;li&gt;</code>, and it's parent is <code>&lt;li&gt;</code> containing Mr. Sam. But I'm doing something wrong, as <code>alert(info);</code> alerts a blank output.
  What do I need to change? I've even tried, <code>.html()</code>.</p>