title: $(document).ready(function() is not working
body: <p>I am using Jquery for getting a json object from a solr server.  When I run my html file with Tomcat it is runns fine but when I embed it with my project which is running on weblogic it gets this error: (debugging done through firebug)</p>
  
  <pre><code>$ is not defined
  $(document).ready(function(){  
  </code></pre>
  
  <p>Why do I get this error when I embed it in my project?</p>
  
  <p>This is the contents of my <code>&lt;head&gt;</code> tag, It is how I include jquery.js:</p>
  
  <pre><code>&lt;head&gt;
    &lt;title&gt;Search Result  &lt;/title&gt;
    &lt;style&gt;
      img{ height: 150px; float: left; border: 3;}
      div{font-size:10pt; margin-right:150px;
      margin-left:150px; }
    &lt;/style&gt;
  
    &lt;script type="text/javascript" src="jquery-1.6.1.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
      $(document).ready(function(){       //Error happens here, $ is not defined.
  
      });
    &lt;/script&gt;
  &lt;/head&gt;
  </code></pre>