How to get jQuery effects working on Firefox and Google Chrome?
I'm poking around with jQuery and the fadeIn & fadeOut effects. I have the following code to display and to hide a div with a message.

` <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {

            $("button").click(function() {
                $("#upd").fadeIn(3000);
                $("#upd").fadeOut(20000);
            });

        });
    </script>

    <style type="text/css">
        div
        {
            background: rgb(237, 243, 254);
            margin: 0px 0px 5px 0px;
            padding: 13px 30px 13px 30px;
            width: 300px;
        }
    </style>
`

It works perfectly on Internet Explorer, but it doesn't do anything in chrome and I get show and hide behavior in firefox.

Is there a special step for this library to work evenly or at least close to in all the browsers?
How to get jQuery effects working on Firefox and Google Chrome?
===

I'm poking around with jQuery and the fadeIn & fadeOut effects. I have the following code to display and to hide a div with a message.

` <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {

            $("button").click(function() {
                $("#upd").fadeIn(3000);
                $("#upd").fadeOut(20000);
            });

        });
    </script>

    <style type="text/css">
        div
        {
            background: rgb(237, 243, 254);
            margin: 0px 0px 5px 0px;
            padding: 13px 30px 13px 30px;
            width: 300px;
        }
    </style>
`

It works perfectly on Internet Explorer, but it doesn't do anything in chrome and I get show and hide behavior in firefox.

Is there a special step for this library to work evenly or at least close to in all the browsers?