title: javascript replace text after the page has loaded
body: <p>I want to remove/hide a piece of text that loads on my page.</p>
  
  <p>The element doesn't have an id to relate to so I want to use a text-specific method.</p>
  
  <p>Let's say the text is:"remove this line of text".<br>
  The html looks like this:</p>
  
  <pre><code>&lt;div class="aClassName"&gt;
  &lt;p&gt;
      &lt;strong&gt;remove this line of text&lt;/strong&gt;
      ... the rest of the content.
  &lt;/p&gt;
  </code></pre>
  
  <p>I have tried the following:</p>
  
  <pre><code>jQuery(document).ready(function($){
      document.body.innerHTML = document.body.innerHTML.replace('remove this line of text', '');
  });
  </code></pre>
  
  <p>Didn't work. So I tried this:</p>
  
  <pre><code>jQuery(document).ready(function($){
      $("body").children().each(function () {
         $(this).html( $(this).html().replace(/remove this line of text/g,"") );
      });
  });
  </code></pre>
  
  <p>Didn't work. The idea is that after the page is loaded it removes the line.<br>It doesn't produces any errors as well. Not even in the firebug.</p>
  
  <p>Anyone?</p>