Display result on Select
<p>i am using below <code>code</code>, Its displaying the ??? only in place of <code>result</code>. Can you please help me out to correct the <code>error</code> in the below form ? message is displaying the blank result like in ?? format. any help ? -- </p>

<pre><code>&lt;table width="100%" border="0" cellspacing="2" cellpadding="2"&gt;
  &lt;tr&gt;
    &lt;td width="12%"&gt;&amp;nbsp;&lt;/td&gt;
    &lt;td width="2%"&gt;&amp;nbsp;&lt;/td&gt;
    &lt;td width="2%"&gt;&amp;nbsp;&lt;/td&gt;
    &lt;td width="2%"&gt;&amp;nbsp;&lt;/td&gt;
    &lt;td width="16%"&gt;&amp;nbsp;&lt;/td&gt;
    &lt;td width="66%"&gt;&amp;nbsp;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;img src="images/australia1.jpg" width="132" height="70"&gt;&lt;/td&gt;
    &lt;td&gt;&amp;nbsp;&lt;/td&gt;
    &lt;td&gt;&amp;nbsp;&lt;/td&gt;
    &lt;td&gt;&amp;nbsp;&lt;/td&gt;
    &lt;td&gt;&lt;select name="select"&gt;
      &lt;option&gt;Select Course Type&lt;/option&gt;
      &lt;option&gt;Under Graduate&lt;/option&gt;
      &lt;option&gt;Post Graduate&lt;/option&gt;
    &lt;/select&gt;
    &lt;/td&gt;
    &lt;td&gt;&lt;div id="message"&gt;&lt;/div&gt;​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&amp;nbsp;&lt;/td&gt;
    &lt;td&gt;&amp;nbsp;&lt;/td&gt;
    &lt;td&gt;&amp;nbsp;&lt;/td&gt;
    &lt;td&gt;&amp;nbsp;&lt;/td&gt;
    &lt;td&gt;&amp;nbsp;&lt;/td&gt;
    &lt;td&gt;&amp;nbsp;&lt;/td&gt;
  &lt;/tr&gt;

&lt;/table&gt;
&lt;script type="text/javascript" language="javascript"&gt;
var messages = {
    Under Graduate: 'UG text is here',
    Post Graduate: 'PG text is here'
}
$('select').change(function() {
    $('#message').text(messages[$(this).val()]);
});​
&lt;/script&gt;
</code></pre>
