my JavaScript using jQuery is not working : <p>I have a small program html and js program</p>

<p>HTML:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
&lt;script type="text/javascript" src="temp.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id='display'&gt;&lt;/div&gt;
&lt;input type="button" id="creation" value="Create"/&gt;
&lt;/body&gt;     
</code></pre>

<p>temp.js</p>

<pre><code>$(document).ready(function() {
  $('#creation').click(function() {
    alert("hi");
  });   
});
</code></pre>

<p>Can any one help me find the mistake in this above programs. when i click the create button it should alert me "hi". appreciate your help</p>
