change css classes of element added to DOM at runtime
<p>I've included some JavaScript from a third party in my page. This adds the following element to the page some time after the page is loaded:</p>

<pre><code>&lt;a class="foo"&gt;some link&lt;/a&gt;
</code></pre>

<p>I need to ensure that this is changed to:</p>

<pre><code>&lt;a class="bar"&gt;some link&lt;/a&gt;
</code></pre>

<p>ASAP after the element is added to the page. I tried adding the following to a JQuery ready handler</p>

<pre><code>$('a.gullSearchBtn').removeClass('gullSearchBtn').addClass('roundButton');
</code></pre>

<p>But this executes before the element is added and therefore doesn't work. I've searched the web and it seems like the jQuery feature known as "livequery" might be the solution to my problem, but I can't seem to get it to work.</p>
