Why is this function not being invoked?
<p>Why is below function <code>update()</code> not updating ? Is the structure of <a href="http://jsfiddle.net/m7q3H/63/" rel="nofollow">this fiddle</a> correct ?</p>

<p>fiddle code : </p>

<p>HTML:</p>

<pre><code>&lt;body&gt;
    &lt;div id="toupdate"&gt;
    &lt;script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6343621.js"&gt;&lt;/script&gt;
    &lt;/div&gt;
&lt;/body&gt;​
</code></pre>

<p>JavaScript:</p>

<pre><code>$(document).ready(function() {
    update();
});

function update(){
    $('#toupdate').remove();
    alert('removed');
    $('body').append('&lt;div id="toupdate"&gt;
        &lt;script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6343621.js"&gt;&lt;/script&gt;
    &lt;/div&gt;');
}
</code></pre>
