jquery how to load different scripts when i click on different links?
<p>i have a list:</p>

<pre><code>&lt;select name="test" id="test"&gt;
&lt;option value="1"&gt;about&lt;/option&gt;
&lt;option value="2"&gt;portfolio&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>what i am trying to do is to load a different script inside a div <code>#content</code> depending on what option i choose. The script will load some rss content:</p>

<pre><code>&lt;div id="content"&gt;      
&lt;script id="1" type="text/javascript" src="http://rss.bloople.net/?url=http%3A%2F%2Fwww.exploretalent.com%2Frss_cj.php%3Fpid%3D3087968%26file_xml%3Dcastings_new.xml&amp;showtitle=false&amp;type=js&amp;id=1307038796890991"&gt;&lt;/script&gt;
&lt;script id="2" type="text/javascript" src="http://rss.bloople.net/?url=http%3A%2F%2Fwww.exploretalent.com%2Frss_cj.php%3Fpid%3D3087968%26file_xml%3Dcastings_new.xml&amp;showtitle=false&amp;type=js&amp;id=1307038796890991"&gt;&lt;/script&gt;
&lt;/div&gt;
</code></pre>

<p>lets say if i select option <code>1</code> then a script with id <code>1</code> will load into page, if i select option <code>2</code> than the script with id <code>1</code> will unload and <code>2</code> will load</p>

<p>any ideas?
thanks</p>
