why do I keep getting a "displaymessage is not defined" error message?
<p>Can anyone tell me why I keep getting a "displaymessage is not defined" error message with this code.. Thanks in advance :)</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;title&gt;TEST PAGE&lt;/title&gt;
&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function() {

function displaymessage() {
    alert("Hello World!");
    }

});
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;p&gt;&lt;input type="button" name="start" id="start" value="start" onclick="displaymessage()" /&gt;&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
