title: When a button is clicked, how do I show an element if another element contains a specific text?
body: <p>When I click on the button, I want the <code>#test2</code> element to show if <code>span.test1</code> contains the keyword 'TEST'. I'm new with jquery so I'm not sure what I need to change here.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){
    $("#button").click(function()           
     if ($("span.test1:contains(TEST)") {
                $("#test2").show()
    };
    };</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#test2 {
  display: none;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input id="button" type="button" value="Button"&gt;&lt;/input&gt;
  &lt;span class="test1"&gt;TEST&lt;/span&gt;
  &lt;div id="test2"&gt;TEST2&lt;/div&gt;
  
  &lt;!-- begin snippet: js hide: false console: true babel: false --&gt;</code></pre>
  </div>
  </div>
  </p>