javascript - Jquery データ ドロップダウン

Question

だから私はこのようにプログラムでドロップダウンを埋めました-

optionStringToAppend = "<option id="  + searchTime + ">"+ pastResult.searchDate+ "," + purpose + "</option>"
$("#searchHistoryDropDownId").append(optionStringToAppend)
optionId= "#" + searchTime
console.log(optionId)
$(optionId).data("storedSearch", {searchPurpose: pastResult.searchPurpose, licensePlate:pastResult.licensePlate, startDate:pastResult.startDate,endDate:pastResult.endDate,longitude:pastResult.longitude,latitude:pastResult.latitude})

ここで、pastResult が渡されます。

次に、 にバックボーン変更イベントが"#searchHistoryDropDown"あり、このコードがあります

populateForm:(event)=>
  selectedOption= $("#searchHistoryDropDownId option:selected")
  store = $(selectedOption).data("storedSearch")
  console.log(store)

そのコンソール ログに undefined が記録されていますが、その理由がわかりません。どのように .data コマンドを間違って使用していますか?