Heading by contained text

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div class="chosen_for_you_section">
  <div class="internal_container">
    <h2 class="section_header"><img src="/public/s360/img/360-spinner.png" class="s360LogoHeader">Featured Topic <a href="#require_topic" class="fancybox"><i class="fa fa-info-circle"></i> <span class="infoTxt">Read about what to do</span></a></h2>
    <article class="article_block masonry_item " data-article_id="431">
      <div class="article_image">
        <a href="/think_before_you_tweet"><img src="/thumb/public/media/nh/images/twitter_tweet_think_before_send.png?q=&amp;h=278" /></a>
        <i class="fa fa-check-square-o article_complete article_type_icon" title="Article"></i>
        <div class="action_icons">
          <span class="like "><a title="Favorite"><i class="fa fa-heart"></i></a></span>
        </div>
      </div>
      <header>
        <h2 class="heading2"><a href="/think_before_you_tweet">Think Before You Tweet!</a></h2>
        <div class="article_required_complete">Congratulations, you&#039;ve completed this required topic.</div>
        <div class="category_blocks">
          <p>
            <a href="/content/category/Social+Media">Social Media</a>
          </p>
        </div>
      </header>
    </article>
    <div class="focus_items">
      <div class="home_side">
        <p>
          <img alt="" src="" style="width: 430px; height: 422px;" />
          <!-- I hid the img src here because it reveals some personal information and is not important -->
        </p>
        <p></p>
      </div>
    </div>
  </div>
</div>

JavaScript

alert(jQuery('h2:contains("Featured Topic") ~ article h2.heading2 a').attr('href'))
//($('h2.heading2'))