title: Using jQuery Datepicker in a JSP
body: <p>Below is the jsp code. </p>
  
  <pre><code>&lt;head&gt;
      &lt;link rel="stylesheet" type="text/css" href="&lt;%=contextPath %&gt;/style_sheet/page_header.css" &gt;
      &lt;link href="&lt;%=contextPath %&gt;/scripts/jQuery/jquery-ui.css" rel="stylesheet" type="text/css"/&gt;
      &lt;script  src="&lt;%=contextPath %&gt;/scripts/jQuery/jquery.min.js" &gt;&lt;/script&gt;
      &lt;script  src="&lt;%=contextPath %&gt;/scripts/jQuery/jquery-ui.min.js"&gt;&lt;/script&gt;
      &lt;script src="jscript.js" &gt;&lt;/script&gt;
  
      &lt;style&gt;
          .pageWidth
          {
              width: 800px;
          }
      &lt;/style&gt;
  
      &lt;script&gt;
          $(document).ready(function(){
              $("#startDatePicker").datepicker();
          });
      &lt;/script&gt;
  
      &lt;title&gt;GFW Voice OUT Files Trend&lt;/title&gt;
  
  
  &lt;/head&gt;
  &lt;body&gt;
  
        &lt;table width="800x" border="0" align="center"&gt;
           &lt;tr&gt;
              &lt;td&gt;Start Date: &lt;input type="text" id="startDatePicker" /&gt;&lt;/td&gt;
           &lt;/tr&gt;
        &lt;/table&gt;
  
  &lt;/body&gt; 
  </code></pre>
  
  <p>I get an error at the syntax</p>
  
  <pre><code>$(document).ready(function(){
     $("#startDatePicker").datepicker();
  });
  </code></pre>
  
  <p><em>Error</em></p>
  
  <pre><code>The function $(HTMLDocument) is undefined.
  </code></pre>
  
  <p>I though eclipse is getting confused between EL and jQuery syntax, but using \$ did not help. 
  what am I doing wrong? All I want to do is use jQuery datepicker. </p>