Can't change z-index with JQuery

Question

I, for some reason, can\'t change the zIndex of an element using jQuery. I\'ve searched all of this website and Google but couldn\'t find the right answer. I am trying to

Answer 1

Setting the style.zIndex property has no effect on non-positioned elements, that is, the element must be either absolutely positioned, relatively positioned, or fixed.

So I would try:

$(this).parent().css('position', 'relative');
$(this).parent().css('z-index', 3000);