I setup the links:

 public function headers()
 {
  return '<script type="text/javascript" charset="utf-8" src="/dka/swfobject/swfobject.js"></script>
                  <script type="text/javascript" charset="utf-8" src="/dka/jquery.ui/jquery-1.4.4.js</script>
                  <script type="text/javascript" charset="utf-8" src="/dka/jquery.ui/jquery.ui.core.js</script>
                  <script type="text/javascript" charset="utf-8" src="/dka/jquery.ui/jquery.ui.widget.js</script>
                  <script type="text/javascript" charset="utf-8" src="/dka/jquery.ui/jquery.ui.datepicker.js</script>
      <script>$(function() {$( "#dob" ).datepicker();});</script>';

 

This is the definition of the element on the page:

   <div class="form-row"><div class="form-title">D.O.B.:</div><input type="text" name="dob" id="dob" /></div>

When I click on the text box nothing happens.

Any help appreciated.