jQuery Forum

Hi All

I have problem using jquery Onclick and $(document).ready on IE 9 (IE9 standards document mode).

My following code does not work on IE9


$(document).ready(function () {
    //min font size
    var min=9;    
    //max font size
    var max=16;   
    //grab the default font size
    var reset = $('p').css('fontSize');
 
    //font resize these elements
    var elm = $('div.wikiarticle,div#column-content,div#term,p,font.font24,li,h2,pre,h1,.tab_content li,th, .tab_content h4,td,p,.size_18,.size_12,#creattime,.mw-headline,span.bold,.color_blue_2'); 
   
    //set the default font size and remove px from the value
    var size = 12;
   
    //Increase font size
    $('#large').click(function() {      
        //if the font size is lower or equal than the max value
        if (size<=max) {           
            //increase the size
            size++;           
            //set the font size
            elm.css({'fontSize' : size});
        }       
        return false;   
    });
});

And my button link is

<input type="image" src="main/im/font_plus.jpg" id="large" class="increaseFont" />


What causes the problem?