Globally defined variable not being found in JQuery

Question

I cant seen to find out what Im doing wrong

var newcustomerform = $('#newcustomerform');

//hide new customer form
function hideForm(){
    newcustomerform.hide();
}

$(function(){
hideForm(); //this doesnt work
});

Whats the issue here?

`$('#newcustomerform')` is only correctly filled after the DOM is ready. Check `$('#newcustomerform').length` - if it's 0, you have a JQuery object that does not point to a DOM element. — Mike Scotty, Oct 05 '16 at 14:41

score 0 · Answer 1 · edited Oct 05 '16 at 14:49

0

You must wait for the DOM to load before trying to point to a DOM element. To do that, put var newcustomerform = $('#newcustomerform'); inside the $(function(){ i.e. just above where you call hideForm()

edited Oct 05 '16 at 14:49

josephnvu

1,108
6
13

answered Oct 05 '16 at 14:42

Globally defined variable not being found in JQuery

1 Answers1