jquery - 理由はわかりますが、解決方法がわかりません（jQuery）

Question

次のコードは、ユーザーsign_up時にポップアップモーダルを表示するためのものですが、次のコードがクラッシュします。これを上書きするにはどうすればよいですか？

          if($('.alert').html().indexOf('Welcome! You have signed up successfully.') != -1) 
          $('#congrats').show();

詳細を表示するはずのその他の部分は、もう表示されていません。

      $(".sub a").click(function() {
    $(this).siblings("div").show("fast");
      });

ビューからのコード：

 <div class="sub">   
<%= link_to(image_tag("/images/caret-horizontal.png", id: "caret-horizontal"), '#') %>
<h3>
 <%= website.name  %>
</h3>


<div class="desc">
  <p> <%= website.url %> </p>
  <p> <%= website.category %> </p>
  <p> <%= website.language %> </p>
</div>

Chromeコンソールからのエラー：

     Uncaught TypeError: Cannot call method 'indexOf' of null 

いい男（ロブW）はこれについて言った：

 The error is caused by the fact that .html() returns null when the jQuery collection consists of zero DOM elements.

私の通知/アラートのHTML：

      <div class="alert alert-notice">Signed out successfully.</div>