Home/ Questions/Q 9002655
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T00:36:00+00:00

I put my $(document).ready() code in the HEAD of the document, and inside it

  • 0

I put my $(document).ready() code in the HEAD of the document, and inside it I have alert($("#some-textbox").val()), but this produces “undefined” when the page loads. However, If I move this code to the footer of the page, it works.

Code:

<head>
...
<script type="text/javascript">
  var searchForm = $("#search-form");
  var searchBar = $("#search-bar");
  var INITIAL_TEXT = "Start typing to find friends or colleagues...";
  $(document).ready(function() {

      alert(searchBar.val()); // For testing purpose only; outputs undefined

      searchForm.submit(function(e) {
            if(searchBar.val() == INITIAL_TEXT) {
                searchBar.val("");
            }
      });
      searchBar.focus(function() {
            if(searchBar.val() == INITIAL_TEXT) {
                searchBar.val("");
            }
      });
      searchBar.blur(function() {
            if(searchBar.val() == "") {
                searchBar.val(INITIAL_TEXT);
            }
      });
  });
  </script>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You are fetching the object outside the doucment.ready when the DOM hans’t loaded yet.

    move the entire code into the function.

    • 0