title: Using Jquery to hide <p> based on its contents
body: <p>Im trying to achieve the following:</p>
  
  <p>A certain page will have a series of strings, which are replaced with database content if it exists.<br>
  For example:</p>
  
  <pre><code>&lt;h2 class="label"&gt;Title:&lt;/h2&gt;
  &lt;p class="value"&gt;{{Title}}&lt;/p&gt;
  </code></pre>
  
  <p>Would become:</p>
  
  <pre><code>&lt;h2 class="label"&gt;Title:&lt;/h2&gt;
  &lt;p class="value"&gt;This is the title&lt;/p&gt;
  </code></pre>
  
  <p>The problem is, if the database row for {{Title}} has never been entered, it displays the {{Title}} instead of replacing it with whitespace. So what id like to do is, with jquery, if .value contains {{, hide the whole element, in the same way display:none would.</p>
  
  <p>Is this possible?</p>
  
  <p>Thanks in advance.<br>
  Rob</p>