title: JQuery UI datepicker in Asp.Net MVC
body: <p>I have tried to use some of the widgets in <code>JQuery UI</code> on an <code>Asp.Net MVC</code> site without luck.</p>
  
  <p>For example the basic datepicker from <a href="http://ui.jquery.com/repository/tags/latest/demos/functional/#ui.datepicker" rel="nofollow noreferrer">jQuery UI - functional demos</a>.</p>
  
  <p>I have created a simple MVC project and added the script references in <code>Site.Master</code> like this:</p>
  
  <pre><code>&lt;script src="../../Scripts/jquery-1.2.6.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="../../Scripts/jquery-ui-personalized-1.5.3.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;link href="../../Content/Site.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="../../Content/ui.datepicker.css" rel="stylesheet" type="text/css" /&gt;"
  </code></pre>
  
  <p>In the <code>Index.aspx</code> file I have cleared all default content and added the following:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $("#basics").datepicker();     
  &lt;/script&gt;  
  &lt;input type="text" size="10" value="click here" id="basics"/&gt; 
  </code></pre>
  
  <p>The core jQuery works fine. Any clues?</p>