title: date picker in javascript
body: <p>I am getting no date picker in my web page but in fiddle it is coming, what i am missing?</p>
  
  <p><a href="http://jsfiddle.net/cBwEK/" rel="nofollow noreferrer">http://jsfiddle.net/cBwEK/</a> </p>
  
  <p>It is coming fine in fiddle but i am getting nothing in my web page. I
   have written below scripts</p>
  
  <p>The whole source code is here: <a href="http://www.monkeyphysics.com/mootools/script/2/datepicker" rel="nofollow noreferrer">http://www.monkeyphysics.com/mootools/script/2/datepicker</a></p>
  
  <pre><code>&lt;html&gt;
   &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
      &lt;title&gt;JSP Page&lt;/title&gt;     
      &lt;script type="text/javascript" src="datepicker.js"&gt;&lt;/script&gt;      
      &lt;script type="text/javascript" src="mootools-yui-compressed.js"&gt;&lt;/script&gt;
      &lt;script type="text/css" src="datepicker.css"&gt;&lt;/script&gt;        
      &lt;script type="text/javascript"&gt;           
          new DatePicker('.picker', {
              pickerClass: 'datepicker ',
              allowEmpty: true
          });           
      &lt;/script&gt;        
   &lt;/head&gt;
   &lt;body&gt;
       &lt;label&gt;Datepicker starting at and allowing no value:&lt;/label&gt;
       &lt;input name='date_allow_empty' type='text' value='' class='date picker' /&gt;
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>