Как редактировать объект данные в Local Storage?

$(document).ready(function () { 
 
  var Data = JSON.parse(localStorage.getItem("Data")); 
 
  if (Data == null) { 
    var id = 1;; 
  } else { 
 
    for (var i = 0; i < Data.length; i++) { 
      var NameFromLocal = Data[i].Name; 
      var SurnameFromLocal = Data[i].Surname; 
      var id = Data[i].ID + 1; 
 
      $("#data-list").prepend("<div class='box'>" + "<div class='Name-From-Local'><a href='#'>" + NameFromLocal + "</a></div>" + ' ' + 
        "<div class='Surname-From-Local'>" + SurnameFromLocal + "</div>" + "</div>"); 
    } 
  } 
 
  $(document).on("click", ".set-data", function () { 
    var NameToLocal = $('.name').val(); 
    var SurnameToLocal = $('.surname').val(); 
 
    var Data = localStorage.getItem("Data"); 
    var obj = []; 
    if (Data) { 
      obj = JSON.parse(Data); 
    } 
    obj.push({ "ID": id, "Name": NameToLocal, "Surname": SurnameToLocal }); 
    localStorage.setItem("Data", JSON.stringify(obj)); 
    location.reload(); 
  }); 
 
  $(document).on("click", ".Name-From-Local", function () { 
    var nameFromLocalToInput = $(this).text(); 
    var surnameFromLocalToInput = $(this).closest(".box").find(".Surname-From-Local").text(); 
 
    for (var i = 0; i < Data.length; i++) { 
      var DataName = Data[i].Name; 
      var DataSurname = Data[i].Surname; 
 
      if (nameFromLocalToInput === DataName && surnameFromLocalToInput === DataSurname) { 
        $('.name').val(DataName); 
        $('.surname').val(DataSurname); 
      } 
    } 
  }); 
 
  $(document).on("click", ".edit-data", function () { 
  }); 
 
});

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
 
    <div class="form-style"> 
        <form> 
            Name:<br> 
            <input type="text" class="name"><br> Surname: 
            <br> 
            <input type="text" class="surname"> 
            <br><br> 
            <button class="set-data">Set Data To LocalStorage</button><br> 
            <button class="edit-data">Edit Object To LocalStorage</button> 
        </form> 
    </div> 
    <div id="data-list"></div>