Sharepoint 2013 Setting people picker with Jquery not working in IE8

In a SharePoint 2013 list with a people picker column labeled Name the following code works great in IE9 and IE10, however in IE8 the script shows an undefined is null or not an object error message at spPeoplePicker.AddUnresolvedUserFromEditor(true);

FYI using jquery min 1.10.2

Any ideas on how to resolve the issue?

<script type="text/javascript">
$(document).ready(function () {
var userid = _spPageContextInfo.userId;
//alert(userid)
function GetCurrentUser() {
var requestUri = _spPageContextInfo.webAbsoluteUrl + "/_api/web/getuserbyid(" + userid + ")";
var requestHeaders = { "accept" : "application/json;odata=verbose" };
$.ajax({
  url : requestUri,
  contentType : "application/json;odata=verbose",
  headers : requestHeaders,
  success : onSuccess,
  error : onError
});
}
function onSuccess(data, request){
 var userName = data.d.Title;
 //set following "field" as column to set in people picker
 SetUserFieldValue("Name",userName);
}

function onError(error) {
  //alert(error);
}
function SetUserFieldValue(fieldName, userName) {
 
var controlName = fieldName;
 
var peoplePickerDiv = $("[id$='ClientPeoplePicker'][title='" + controlName + "']");
var peoplePickerEditor = peoplePickerDiv.find("[title='" + controlName + "']");
var spPeoplePicker = SPClientPeoplePicker.SPClientPeoplePickerDict[peoplePickerDiv[0].id];
//comment out this field if edit form needs to be read only 
peoplePickerEditor.val(userName);
//comment out this field if edit form needs to be read only  
spPeoplePicker.AddUnresolvedUserFromEditor(true);
//disable the field
spPeoplePicker.SetEnabledState(false);
//hide the delete/remove use image from the people picker
$('.sp-peoplepicker-delImage').css('display','none');
}


GetCurrentUser();
});
</script>