Hiding the X in people picker

Hi guys

I have an issue with removing delete image (x) in people

The code below is what i used and it seems to partially work. Just need to hide that (x)

$(".sp-peoplepicker-delImage").hide();
$("input.sp-peoplepicker-editorInput[title='Copy User']").prop('disabled', true);
$("div.sp-peoplepicker-topLevel[title='Copy User']").addClass("sp-peoplepicker-topLevelDisabled");

I did quite i a bit of research but unable to find anything. I has also tried something like this:

$("input[id^='internalColumnName']").prop("disabled", true);
$(".sp-peoplepicker-delImage[id^='internalColumnName']").prop("disabled", true);
$(".sp-peoplepicker-delImage[id^='internalColumnName']").css({"display": "none"});

didn't work as well. help anyone?