Question

Can you do this?

var myFunction = function(){
    $(function(){
        // jQuery code here
        $("#myField").hide();
    })    
}();

I had some code like this which worked fine almost everywhere but then I discovered it only worked about 80% of the time in FF 9.0.1. The fix was to do this:

var myFunction = function(){
    $(function(){
        // jQuery code here
        $("#myField").hide();
    })    
};
myFunction();

Now I’m a bit puzzled why this was necessary

EDIT:
I can see this is a bit confusing. Maybe what I should have done would have been this instead:

var myFunction = function(){ 
    // jQuery code here
    $("#myField").hide();       
};

$(function(){
    myFunction();
});

Answer 1

The problem is that you are not correctly defining the function and then putting jQuery code, when the JavaScript parser reads you code it will ignore the var definition and execute the jQuery that you defined on document ready. In case you don’t know:

 $(function(){})
 // is equivalent to 
 $(document).ready(function(){}). 

The best option for you would be to create a function like:

 function myFunction(){  

    $("#myField").hide();

 }

 $(function(){

    //after whenever you want it do 
    myFunction();

 })