Кэшировать объект JSON с помощью HTML5.

Прежде всего, я хотел бы упомянуть, что я стажер с небольшим опытом работы в техническом мире, поэтому прошу прощения, если ответ на мой вопрос кажется очевидным. Я пытался найти ответ в течение пары дней, но мне нечего показать.

Мой проект заключался в разработке телефонного справочника. Что я пытаюсь сделать сейчас, так это создать окно, которое часто ищут, в котором показаны десять самых популярных имен с тех пор, как пользователь начал использовать приложение. Я планирую создать объект JSON со следующей информацией, а затем кэшировать результат на стороне клиента:

var myJSONObject = {"searched": [       {"firstname":firstName,"lastname":lastName,"PK":pk,"phone":phonenumber,"email":emailaddress,"bu":businessunit,"company":company,"building":building, "fax":fax, "timesvisited":"accumulator to keep track of visits to the name"}

] };

Сейчас у меня головная боль, когда я пытаюсь понять, как кэшировать объект JSON. Я создал файл манифеста, и я знаю, как кэшировать определенные файлы, такие как файл css, но как вы кэшируете что-то, например, указанный выше код, чтобы данные сохранялись и могли быть вызваны до страницы при втором посещении ?