Change text based on select box value
<p>Full Disclosure: I am bad at javascript.</p>

<p>I'm trying to write something that takes the value of a select box (in this case, it contains a list of themes the user can choose from), compares it against an array containing all the themes allowed, and display a preview link to the user.</p>

<p>Below is some select code.</p>

<p>My Array containing the preview links:</p>

<pre><code>var themePreview = [];
themePreview[0] = '&amp;nbsp;&amp;nbsp;&lt;a href="http://www.trafficgettingblogs.com/?preview=1&amp;template=arclite&amp;stylesheet=arclite&amp;TB_iframe=true&amp;width=1000&amp;height=700" class="thickbox thickbox-preview"&gt;Preview Arclite&lt;/a&gt;';
themePreview[1] = '&amp;nbsp;&amp;nbsp;&lt;a href="http://www.trafficgettingblogs.com/?preview=1&amp;template=arras&amp;stylesheet=arras&amp;TB_iframe=true&amp;width=1000&amp;height=700" class="thickbox thickbox-preview"&gt;Preview Arras&lt;/a&gt;';
themePreview[2] = '&amp;nbsp;&amp;nbsp;&lt;a href="http://www.trafficgettingblogs.com/?preview=1&amp;template=carrington-blog&amp;stylesheet=carrington-blog&amp;TB_iframe=true&amp;width=1000&amp;height=700" class="thickbox thickbox-preview"&gt;Preview Carrington Blog&lt;/a&gt;';
</code></pre>

<p>My jQuery attempting to get the select box value and display a preview link:</p>

<pre><code>$('select #selectedTheme').change(function() {
    //document.write('test'); // Try to see if I'm selecting what I need.
    $('#previewTheme').value() = themePreview[$('#selectedTheme option:selected').value()];
});
</code></pre>

<p>The select box has an ID of <code>selectedTheme</code>.</p>

<p>I'm not getting any errors, but I don't seem to be selecting the select box.</p>

<p>I am sure this is a very simple problem. I'm trying to improve my javascript skills. Rather unsuccessfully, it seems.</p>
