title: Get inner text of a nearby <h3> with jQuery
body: <p>I'm trying to get the inner text/value of a <code>&lt;h3&gt;</code> with the class <code>"grid-block__title"</code> that (to my knowledge?) is currently above the element I need to start on (<code>&lt;p&gt;</code> with id <code>addToCartMessageParagraph</code>). How can I do this correctly? My abbreviated markup looks like this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;
    &lt;h3 class="grid-block__title"&gt;...&lt;/h3&gt;
    &lt;h3 class="grid-block__description"&gt;...&lt;/h3&gt;
    &lt;h3 class="grid-block__description"&gt;...&lt;/h3&gt;
    &lt;form&gt;
      &lt;select&gt;...&lt;/select&gt;
      &lt;span&gt;...&lt;/span&gt;
      &lt;button&gt;...&lt;/button&gt;
      &lt;input&gt;...&lt;/input&gt;
      &lt;input&gt;...&lt;/input&gt;
      &lt;p id="addToCartMessageParagraph" class="js-item-added js-hidden ..."&gt;...&lt;/p&gt;
    &lt;/form&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I've tried..</p>
  
  <ul>
  <li><code>$('#addToCartMessageParagraph').closest('h3[class="grid-block__title"]').val();</code> (<em>undefined</em>)</li>
  <li><code>$('#addToCartMessageParagraph').closest('h3').val();</code> (<em>undefined</em>)</li>
  <li><code>$(this).find('.js-item-added').closest('h3').val();</code> (<em>undefined</em>)</li>
  <li>I believe I also tried the <code>.prev('h3')</code> command and I got <em>not available</em> in the Chrome debugger.</li>
  </ul>
  
  <p>Let me know if you need any more information.</p>