Mysterious problem on showing the jQuery datepicker in my form
<p>I am trying to add the jQuery Date Picker into my form, however I am having a problem on showing it. This is what I am using <a href="http://jqueryui.com/demos/datepicker/default.html" rel="nofollow">http://jqueryui.com/demos/datepicker/default.html</a> and below is my code structure. For a reason when I click into the textbox, the calendar is not showing.</p>

<p>In header.php there is the jQuery script that I use for several purposes (tested and working) like fancybox and a loading page based on the value of a drop down list.</p>

<p>In single.php I include the main.php that loads a page based on the value of a drop down list (Working), in my case testpage.php that is a jQuery datepicker script that popups when you click on the textbox. But as I said, is not showing up and I don't know why. </p>

<p>Thank you for your solutions.</p>

<p>header.php</p>

<pre><code>&lt;script src="http://jqueryui.com/jquery-1.5.1.js"&gt;&lt;/script&gt;
</code></pre>

<p>single.php</p>

<pre><code>&lt;?php include('main.php'); ?&gt;
</code></pre>

<p>main.php</p>

<pre><code>&lt;link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css"&gt;
&lt;script src="http://jqueryui.com/ui/jquery.ui.core.js"&gt;&lt;/script&gt;
&lt;script src="http://jqueryui.com/ui/jquery.ui.widget.js"&gt;&lt;/script&gt;
&lt;script src="http://jqueryui.com/ui/jquery.ui.datepicker.js"&gt;&lt;/script&gt;

&lt;form&gt;

&lt;select id="termid" class="selectfield"&gt;
&lt;option&gt;Choose&lt;/option&gt;
&lt;option value="testpage"&gt;Test Page&lt;/option&gt;
&lt;/select&gt;

&lt;div id="reservationdetails" &gt;&lt;/div&gt;

&lt;/form&gt;
</code></pre>
