jQUery problem reoccuring!
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/3430873/problem-working-with-jquery">Problem working with jQuery</a>  </p>
</blockquote>



<p>Hello! The follow is the code i've been using and i dont understand why its not working at all! : </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=iso-8859-1" /&gt;
&lt;title&gt;Untitled Document&lt;/title&gt;

&lt;script language="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;

&lt;script language="text/javascript"&gt;


function hide() {

$("#Layer1").hide("fast");

}
&lt;/script&gt;
&lt;style type="text/css"&gt;
&lt;!--
body {
background-color: #000000;
}
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 179px;
top: 3px;
}
#Layer2 {
position:absolute;
width:101px;
height:80px;
z-index:2;
left: 570px;
top: 473px;
}
--&gt;
&lt;/style&gt;&lt;/head&gt;



&lt;body&gt;
&lt;div id="Layer1"&gt;&lt;img src="body.jpg" width="842" height="554" /&gt;&lt;/div&gt;
&lt;div id="Layer2"&gt;&lt;img src="close.jpg" width="63" height="64" OnClick="hide()"/&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>I've used dreamweaver for the design.</p>

<p>Thanks!</p>
