Why don't my date picker and time picker show up?
<p>My date picker and time picker don't show up next to the "Enter date:" and "Enter time:" fields:  <a href="http://heightsdental.com/RequestAppt.php" rel="nofollow">http://heightsdental.com/RequestAppt.php</a>. There are php include statements in the code, and when they're not there: <a href="http://evamagnus.com/RequestAppt.php" rel="nofollow">http://evamagnus.com/RequestAppt.php</a>, the date and time pickers are displayed.</p>

<pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;

&lt;script src="js/modernizr-2.5.3.min.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" src="js/jquery.ptTimeSelect.js"&gt;&lt;/script&gt;

&lt;script src="js/dimensions.js" type="text/javascript"&gt;&lt;/script&gt;

    &lt;script src="js/jquery.ui.core.js"&gt;
     &lt;/script&gt;
    &lt;script src="js/jquery.ui.datepicker.js"&gt;
    &lt;/script&gt;

&lt;?php
include "Banner.html";
include "header.html"
?&gt;

&lt;div id="form"&gt;
&lt;div id="contain"&gt;

    &lt;form action="http://www1.budgethostingweb.com/cgi-bin/hosting/user_formmail.cgi" method="post"&gt;
    &lt;input type="hidden" name="account" value="dentist"&gt;
    &lt;input type="hidden" name="cata" value="accounts"&gt;
    &lt;input type="hidden" name="redirect" value="index.php" /&gt;

      &lt;table class="form_demo"&gt;
        &lt;tr&gt;
          &lt;td&gt;
            &lt;label for="name"&gt;
              Name
            &lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;
            &lt;input class="input_full" type="text" id="name" name="name" required="required" /&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
           &lt;td&gt;&lt;label for="email"&gt;
              Email
            &lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;
            &lt;input class="input_full" type="email" id="email" name="email" required="required" /&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;
            &lt;label for="cc"&gt;
              &lt;abbr title="Courtesy Copy"&gt;CC&lt;/abbr&gt;
            &lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;
            &lt;input type="checkbox" id="cc" name="cc" value="1" /&gt;
            &lt;label for="cc"&gt;
              Send me a copy of this email
            &lt;/label&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;
            &lt;label for="tel"&gt;
              Phone
            &lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;
            &lt;input class="input_full" type="tel" id="tel" name="tel" required="required" /&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;&lt;label for="priority_normal"&gt;
              Priority
            &lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;
            &lt;input type="radio" name="priority" id="priority_urgent" value="Urgent"&gt;
            &lt;label for="priority_urgent"&gt;
              Urgent
            &lt;/label&gt;
            &amp;nbsp;
            &amp;nbsp;
            &lt;input type="radio" name="priority" id="priority_normal" value="Normal" checked="checked"&gt;
            &lt;label for="priority_normal"&gt;
              Normal
            &lt;/label&gt;
            &amp;nbsp;
            &amp;nbsp;
        &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
        &lt;td&gt;
            &lt;label for="date"&gt;Enter a date:&lt;/label&gt;
        &lt;/td&gt;   
        &lt;td&gt;
            &lt;input class="input_xlarge" type="text" id="date" name="date" required="required" /&gt;    

    &lt;script&gt;
      (function($){
         var pickerOpts = {
            minDate: new Date(),
            maxDate: "+3m,",
            showButtonPanel: true,
            showOn: "button",

            buttonImage: "images/cal.png",
            };
    $("#date").datepicker(pickerOpts);
      })(jQuery);
    &lt;/script&gt;
    &lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;Enter a time: &lt;/td&gt;
    &lt;td&gt;&lt;input id="time1" name="s2Time1" /&gt;

    &lt;script type="text/javascript"&gt;
    $('#time1').ptTimeSelect({ popupImage: 'Select Time' });
    &lt;/script&gt;
    &lt;/td&gt;
    &lt;/tr&gt;

        &lt;tr&gt;
          &lt;td&gt;
            &lt;label for="description"&gt;
              Reason for&lt;br /&gt;
              appointment
            &lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;
            &lt;textarea id="description" name="description" rows="3" required="required"&gt;&lt;/textarea&gt;
          &lt;/td&gt;
        &lt;/tr&gt;

        &lt;tr&gt;&lt;td colspan="2"&gt;To prevent automated spam posts, &lt;br&gt;please type in the access code
displayed: &lt;p&gt;&lt;img alt="Access code"
src="http://www1.budgethostingweb.com/cgi-bin/captcha/imagegen.cgi?x-factor=1"/&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;
        &lt;tr&gt;&lt;td&gt;Access Code:&lt;/td&gt; &lt;td&gt;&lt;input class="medium" name="access" type="text"&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
      &lt;hr /&gt;
      &lt;p class="clearfix"&gt;
        &lt;input type="submit" value="Submit" class="float_left" /&gt;
        &lt;input type="reset" value="Reset" class="float_right"&gt;
      &lt;/p&gt;

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