javascript replace text after the page has loaded
<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>