Jquery and IE8

Jquery and IE8

Hello everyone,

I have the following peace of code.

$(document).ready(function()
    {
        $("ul.submenu").hide();
        $("ul.dropdown").hide();

       
        $("li.menuparent").each(function(index)
        {
            var menuparentid = $(this).attr("id");
            $(this).hover(function()
            {
                $("ul.dropdown[id*='"+menuparentid+"']").slideDown('slow').show();
                $("ul.dropdown[id*='"+menuparentid+"']").children().each(function(){
                    $(this).hover(function(){
                        $(this).children().each(function(){
                            $(this).slideDown('slow').show();
                        });
                    });
                });

            },function ()
            {
                $("ul.dropdown[id*='"+menuparentid+"']").slideUp('fast').hide();
                $("ul.submenu").hide();
            });

            
        });

       
    });

now the problem is that this is working completely fine in chrome but when it comes to IE8 id doesn't work at all? 

Can anyone offer some help please?