Как получить firebase для отображения последних 5 результатов поиска в HTML div?

Question

Моя цель - использовать firebase для хранения последних 5 результатов поиска в div с classbasenap в моем HTML.Но я получаю некоторые ошибки, такие как: Uncaught TypeError: Невозможно прочитать свойство 'trim' из undefined И результаты поиска не публикуются в div.

var config = {
  apiKey: "AIzaSyCzaNmYb94HQPR70d6Omy5kP1d0kw5NLkc",
  authDomain: "eventtraveler-69f59.firebaseapp.com",
  databaseURL: "https://eventtraveler-69f59.firebaseio.com",
  projectId: "eventtraveler-69f59",
  storageBucket: "eventtraveler-69f59.appspot.com",
  messagingSenderId: "73086206077"
};
firebase.initializeApp(config);

var database = firebase.database();

var location ;
var inDate ;
var outDate;
$("#add-event").on("click", function(event) {
  event.preventDefault();

var location = $("location-input").val().trim();
var inDate = moment($("start-date-input").val().trim(), "MM/DD/YYYY").format("X");
var outDate = moment($("end-date-input").val().trim(), "MM/DD/YYYY").format("X");
var databasesnap = database.ref().set({
  location: location,
  inDate: inDate,
  outDate: outDate
})

});

database.ref().limitToLast(5).on("value", function(snapshot) {

var appendToDiv = $("<p>").append(
  $("<p>").text(location),
  $("<p>").text(inDate),
  $("<p>").text(outDate),
  );


$(".databasesnap").append(appendToDiv); 

})