title: If <li> contains specific text, return false
body: <p>I have this HTML and I'm trying to return false on click if the element contains specific text.</p>
  
  <p>This is my HTML:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li id="1"&gt;&lt;/li&gt;
      &lt;li id="2"&gt;&lt;/li&gt;
      &lt;li id="3"&gt;&lt;/li&gt;
      &lt;li id="4"&gt;&lt;/li&gt;
      &lt;li id="5"&gt;&lt;/li&gt;
      &lt;li id="6"&gt;text&lt;/li&gt;
      &lt;li id="7"&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>$("ul").on('click', 'li', function (e) {
      var value = $(this).attr('id');
      if ("#" + value + ":contains(\"text\")"){  // Something similar to this
          return false;
      };
      alert('test');
  });
  </code></pre>
  
  <p>How can I return false, if the element contains the word 'text'.</p>
  
  <p>Example: <a href="http://jsfiddle.net/wSvLD/" rel="nofollow">http://jsfiddle.net/wSvLD/</a> (this returns false on everything)</p>