I am trying to implement a JQuery watermark on the textbox dynamically created by Silver Stripe $SearchForm. Without any success.

The search form is located in the header of the Page.ss file located in my themes folder.

Here is my code:

Page.php
----------------------
class Page_Controller extends ContentController {
   
   public static $allowed_actions = array (
   );

   public function init() {
      parent::init();   
      
      // Stylesheets
      Requirements::themedCSS('default');      
      if($pos = strpos( $_SERVER[ 'HTTP_USER_AGENT' ], 'MSIE' ) ) {
         Requirements::css("themes/dea/css/ie.css");
      }
      
      // JavaScript
      Requirements::javascript('mysite/javascript/jquery-1.4.2.min.js');
      Requirements::javascript('mysite/javascript/jquery.watermarkinput.js');
      Requirements::javascript('mysite/javascript/dea.js');
   }
}

dea.js
---------------------
$(document).ready(function(){
   $("#SearchForm_SearchForm_Search").Watermark("Search the DEA");
});

I am receiving this error: $("#SearchForm_SearchForm_Search").Watermark is not a function

Line 2

I got it to work.

For whatever reason changing my dea.js file to:

;(function($) {
$(document).ready(function() {
$("#SearchForm_SearchForm_Search").Watermark("Search the DEA");
})
})(jQuery);

fixed it.

I have no idea why this worked, but it did.

If someone could shed some light on this for me, that would be appreciated.

Cool. Thanks for your response. Now I know to always use the JavaScript enclosure and I should never have this problem again.

Cheers