Using jQuery to change dynamic content?
<p>I'm pretty new to using jQuery but am working on a Safari Extension at the moment and have run into a bit of a puzzle with appending some text to a page.</p>

<p>Basically, I am creating an extension that will append a specific string of text with another on the page within an element</p>

<pre><code>&lt;td id="name"&gt;foo&lt;/td&gt;
</code></pre>

<p>Using the following jQuery code</p>

<pre><code>  jQuery("#name").filter(function() 
         {return jQuery(this).text() == 'foo'; }).append('bar');
</code></pre>

<p>This would result in</p>

<pre><code>&lt;td id="name"&gt;foobar&lt;/td&gt;
</code></pre>

<p>This works great in a standard html page, however - the site I wish it to run on uses a different bit of JS to dynamically load the content within the element, so when testing it on the site, the element is listed as</p>

<pre><code>&lt;td id="name"&gt;&lt;/td&gt;
</code></pre>

<p>and then the JS library adds the name to it, meaning I cannot append the text (the name appears in the browser window but not within the page's source). Is there a way I can get around this? </p>

<p>I've tried using</p>

<pre><code>$(window).load()
</code></pre>

<p>Though this had no effect. </p>
