How to remove JavaScript loaded dynamically with AJAX
<p>In less words:</p>

<p>I have multiple JavaScript sections located at different places in document. Some of them are loaded and evaluated with AJAX:</p>

<pre><code>&lt;script id="js5533" type="text/javascript"&gt;
  javascript and jquery stuff (lots)
&lt;/script&gt;
&lt;script id="js7711" type="text/javascript"&gt;
  javascript and jquery stuff (lots)
&lt;/script&gt;
</code></pre>

<p>As you can see I ID every section.</p>

<p>My goal is to get rid of specific section by clicking on button.</p>

<pre><code>$('.somebutton').click(function() {
  $('#js7711').remove();
});
</code></pre>

<p>Of course this function removes only element from the document and all JavaScript functions in section js7711 are still working.</p>

<p>I don't want to manually remove every function and variable from the section by doing things like a(); a = 0;</p>

<p>Are there any less coding solutions?</p>

<p>Thanks.</p>

<p>P.S. jQuery is also used.</p>
