The issue is with Internet Explorer 8 and below. Have found a decent working solution.
Internet Explorer 8 and below is no
different browsers interpret display:none differently. display:none actually means the element should disappear, making the jquery difficult to find in the DOM.
display:none
a better way is to use visibility:hidden and then use click method
visibility:hidden
click